Bootstrap provides several form control styles, layout options, and custom components for creating a wide variety of forms.
form : List (Html.Styled.Attribute msg) -> List (Html.Styled.Html msg) -> Html.Styled.Html msg
Create an Html form element
formInline : List (Html.Styled.Attribute msg) -> List (Html.Styled.Html msg) -> Html.Styled.Html msg
Create an inline form for placing elements horizontally.
Note: You should stick to inline elements to get the effect you are probably expecting!
Use form groups to group items together (label + input is a typical simple example)
group : List (Option msg) -> List (Html.Styled.Html msg) -> Html.Styled.Html msg
Use the group function to create a grouping of related form elements.
It just creates a div container with a form-group
Bootstrap class.
Typically you use this for vertically laid out forms.
options
List of options
for customizing the groupchildren
List of childrenlabel : List (Html.Styled.Attribute msg) -> List (Html.Styled.Html msg) -> Html.Styled.Html msg
Create a form control label. Suitable for use in form groups.
attributes
List of attributeschildren
List of child elementsOpaque type representing options for customing form groups.
attrs : List (Html.Styled.Attribute msg) -> Option msg
Use this function to handle any Html.Attribute option you wish for your form group.
row : List (Bootstrap.Grid.Row.Option msg) -> List (Col msg) -> Html.Styled.Html msg
Create a form group row element. Use this function when creating horizontal forms (in various shapes) It reuses the options from Bootstrap.Grid.Row which gives you a ton of customization options for how to layout columns within this row.
col : List (Bootstrap.Grid.Col.Option msg) -> List (Html.Styled.Html msg) -> Col msg
Create a Grid column for use in form rows
. It reuses the options from Bootstrap.Grid.Col which gives
you a ton of customization options for layout.
options
List of Bootstrap.Grid.Col optionschildren
List of child elementscolLabel : List (Bootstrap.Grid.Col.Option msg) -> List (Html.Styled.Html msg) -> Col msg
Create a label element as a grid column to be used in a form row
.
Handy for use in horizontal form in various shapes.
options
List of Bootstrap.Grid.Col options for layout customizationchildren
List of child elementscolLabelSm : List (Bootstrap.Grid.Internal.ColOption msg) -> List (Html.Styled.Html msg) -> Col msg
Create a shorter (height) colLabel
colLabelLg : List (Bootstrap.Grid.Internal.ColOption msg) -> List (Html.Styled.Html msg) -> Col msg
Create a taller colLabel
Opaque type representing a column in a form row
validFeedback : List (Html.Styled.Attribute msg) -> List (Html.Styled.Html msg) -> Html.Styled.Html msg
Function to provide validation feedback information for valid inputs
invalidFeedback : List (Html.Styled.Attribute msg) -> List (Html.Styled.Html msg) -> Html.Styled.Html msg
Function to provide validation feedback information for invalid inputs
help : List (Html.Styled.Attribute msg) -> List (Html.Styled.Html msg) -> Html.Styled.Html msg
Creates a block level text element, suitable for providing context related help text in form groups.
helpInline : List (Html.Styled.Attribute msg) -> List (Html.Styled.Html msg) -> Html.Styled.Html msg
Creates an inline text element, suitable for providing context related help text for inputs.