Group a series of buttons together on a single line with the button group.
Create a linkButton that can be composed in a button group
Create a radioButton that can be composed in a button group
Create a checkboxButton that can be composed in a button group
Create a group of related buttons
ButtonGroup.buttonGroup
[ ButtonGroup.small ]
[ ButtonGroup.button [ Button.primary ] [ text "Primary" ]
, ButtonGroup.button [ Button.secondary ] [ text "Secondary" ]
]options List of styling optionsitems List of button items (ref buttonItem and linkButtonItem)Create a group of related link buttons. Parameters are identical to buttonGroup
Create a group of mutually-exclusive radio buttons. Parameters are identical to buttonGroup
ButtonGroup.radioButtonGroup
[ ButtonGroup.small ]
[ ButtonGroup.radioButton True [ Button.primary ] [ text "On" ]
, ButtonGroup.radioButton False [ Button.primary ] [ text "Off" ]
]Create a group of related checkbox buttons. Parameters are identical to buttonGroup
ButtonGroup.checkboxButtonGroup
[ ButtonGroup.small ]
[ ButtonGroup.checkboxButton True [ Button.primary ] [ text "Bold" ]
, ButtonGroup.checkboxButton True [ Button.primary ] [ text "Italic" ]
]Opaque type representing a button, for composing button groups
Opaque type representing a link button, for composing button groups
Opaque type representing a radio button, for composing button groups
Opaque type representing a checkbox button, for composing button groups
Option to make all buttons in the given group small
Option to make all buttons in the given group large
Option to make all buttons stack vertically for a button group
When you need to customize the group element with standard Html.Attribute use this function to create it as a group option
Opaque type representing the possible styling options for a button group
Create a toolbar of buttons by composing button groups. Separate groups by margins on the button groups.
ButtonGroup.toolbar []
[ ButtonGroup.groupItem []
[] -- should contain a list of button items
, ButtonGroup.groupItem
[ Button.attrs [ class "ml-2" ] ]
[] -- should contain a list of button items
]attributes List of attributes to customize the toolbar elementitems List of button group (items)Create a button group that can be composed in a toolbar
The parameters are identical as for buttonGroup
The same as buttonGroupItem, but for link buttons
The same as buttonGroupItem, but for radio buttons
The same as buttonGroupItem, but for checkbox buttons
Opaque type representing a button group. Used when composing a button toolbar
Create a button than can be composed in a button group