Moon liveview storybook Moon Liveview Storybook

Segmented Control

Website
Moon Design System Website
HEX
View package HEX
GitHub
View repository GitHub
Attribute Type Documentation Default Value
Required id * :string

Id of segmented control
initial_segment :integer

Index of the initially active segment
0
class :string

CSS class for the segmented control
""
size :string

Size of the segmented control
"md"
rest :global

Additional attributes for the segmented control
segment :slot

Slot for the segment
Show slot attributes Hide slot attributes
disabled :boolean

Disable the segment
on_select %JS{}

JS function to call when the segment is selected
class :string

CSS class for the segment
rest :map

Additional attributes for the segment

 
<:segment>Segment 1</:segment>
<:segment disabled><.icon name="star"/> Segment 2</:segment>
<:segment>Segment 3 <.icon name="star"/> </:segment>