Edit

v4 to v5

  • Update the NuGet package of your project to the latest version.

    Depending on your setup you will need to update the following packages:

    • Fable.Form.Simple.Bulma (v5.0.1)
    • Fable.Form.Simple (v5.0.1)
    • Fable.Form (v3.0.0)

  • Add open Fable.Form.Simple.Fields.Html to your open statements.

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

  • Update your field definitions to use the new Pipeline Builder API for attributes.

    Form.dateField
    {
        Parser = // ...
        Value = // ...
        Update = // ...
        Error = // ...
        Attributes =
           {
               Label = "Date de début"
               Placeholder = ""
               HtmlAttributes =
                   [
                       prop.min (System.DateTime.Parse("2024-09-23"))
                   ]
           }
           DateField.create "start-date"
           |> DateField.withLabel "Date de début"
           |> DateField.withMin (System.DateTime.Parse("2024-09-23"))
    }

  • Adapt the Form.View.asHtml config.

    Form.View.asHtml
    {
        Dispatch = dispatch
        OnChange = FormChanged
        OnChange = FormChanged >> dispatch
        OnSubmit = dispatch
        Action = Form.View.Action.SubmitOnly "Submit"
        Validation = Form.View.ValidateOnBlur
    }
    myForm
    formValues

You are ready to go 🎉

←InstallationUsageElmish→