JeremyBellows / elm-bootstrapify / Bootstrap.Forms

Bootstrap functions pertaining to forms

Forms


type FormAlignmentOption
    = FormDefault
    | FormHorizontal
    | FormInline

Options for Form Alignment

case formAlignmentOption of
    FormDefault ->
        ""

    FormHorizontal ->
        "form-horizontal"

    FormInline ->
        "form-inline"

form : FormAlignmentOption -> List (Html.Attribute msg) -> List (Html msg) -> Html msg

Generates a form with the supplied alignment

form FormDefault
    [ onSubmit SomeMsg ]
    []

formGroup : FormGroupOption -> List (Html msg) -> Html msg

Generates a formGroup html element

form FormDefault
    [ onSubmit SomeMsg ]
    [ formGroup FormGroupDefault
        []
    ]


type FormGroupOption
    = FormGroupDefault
    | FormGroupSmall
    | FormGroupLarge

A set of different Form group options

formLabel : List (Html.Attribute msg) -> List (Html msg) -> Html msg

Generates a formLabel html element

form FormDefault
    [ onSubmit SomeMsg ]
    [ formGroup FormGroupDefault
        [ formLabel [] []
        ]
    ]

formInput : List (Html.Attribute msg) -> List (Html msg) -> Html msg

Generates a formInput html element

form FormDefault
    [ onSubmit SomeMsg ]
    [ formGroup FormGroupDefault
        [ formInput [] []
        ]
    ]

formTextArea : List (Html.Attribute msg) -> List (Html msg) -> Html msg

Generates a form text area html element

form FormDefault
    [ onSubmit SomeMsg ]
    [ formGroup FormGroupDefault
        [ formTextArea [] []
        ]
    ]