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>
  <.icon name="star"/>
  Segment 1
</:segmented_control_item>
<:segmented_control_item is_active>
  <.icon name="star"/>
  Segment 2
  <.icon name="star"/>
</:segmented_control_item>
<:segmented_control_item>
  Segment 3
  <.icon name="star"/>
</:segmented_control_item>