Fable.Form.Simple.Bulma offers React support using Bulma CSS framework.

  • Add the NuGet package to your project

    # .NET CLI
    dotnet add yourProject.fsproj package Fable.Form.Simple.Bulma
    
    # Paket CLI
    paket add Fable.Form.Simple.Bulma
  • Add this NPM package to your project

    npm add fable-form-simple-bulma

    This is required because Fable.Form.Simple.Bulma comes with custom fields that need additional styles.

  • Import the style in your style.scss file

    // First import Bulma
    @import "~bulma";
    
    // Import
    @import "~fable-form-simple-bulma";
  • In your F# file, open the required namespaces

    open Fable.Form.Simple
    open Fable.Form.Simple.Bulma
    open Fable.Form.Simple.Fields.Html

You are ready to go ๐ŸŽ‰

Choose how you want to host your form