Moon Liveview Library

Segmented Control

Attribute Type Documentation Default Value
Required id * :string

Id of Segmented Control
size :string

Size of the Segmented Control
"md"
class :string

CSS class for the Segmented Control
""
rest :global

Additional attributes for the Segmented Control
segmented_control_item :slot

Slot for the Segmented Control Item
Show slot attributes Hide slot attributes
disabled :boolean

Disable the Segmented Control Item
on_select %JS{}

JS function to call when the Segmented Control Item is selected
class :string

CSS class for the Segmented Control Item
rest :map

Additional attributes for the Segmented Control Item
is_active :boolean

Whether the Segmented Control Item is active

 
<:segmented_control_item>Segment 1</:segmented_control_item>
<:segmented_control_item is_active>Segment 2</:segmented_control_item>
<:segmented_control_item>Segment 3</:segmented_control_item>