Edit

Installation

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

  • Add the NuGet package to your project

    # .NET CLI
dotnet add yourProject.fsproj package Fable.Form.Simple.Sutil.Bulma

# Paket CLI
paket add Fable.Form.Simple.Sutil.Bulma

  • Add this NPM package to your project

    npm add fable-form-simple-bulma

    This is required because Fable.Form.Simple.Sutil.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.Sutil.Bulma
open Fable.Form.Simple.Fields.Html

You are ready to go 🎉

UsageSutil→