Moon Liveview Library

Segmented Control

Default Open in playground 
<.segmented_control id="segmented-control-story-single-default">
  <: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>
</.segmented_control>
With icons Open in playground 
<.segmented_control id="segmented-control-story-single-with-icons">
  <: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>
</.segmented_control>