Toggle Group
Toggle Group
Single
A set of two-state buttons where only one can be active (single mode).
<.toggle_group :let={builder} name="align" value="left">
<.toggle_group_item value="left" builder={builder}>Left</.toggle_group_item>
<.toggle_group_item value="center" builder={builder}>Center</.toggle_group_item>
<.toggle_group_item value="right" builder={builder}>Right</.toggle_group_item>
</.toggle_group>
Multiple
Multiple buttons can be active simultaneously. Pass multiple={true} and a list value.
<.toggle_group :let={builder} name="style" multiple={true} value={["bold"]}>
<.toggle_group_item value="bold" builder={builder}>Bold</.toggle_group_item>
<.toggle_group_item value="italic" builder={builder}>Italic</.toggle_group_item>
</.toggle_group>
Language
14 objects
