<.dm_segment_control id="segment-control-single-default">
  <:item active={true}>Day</:item>
  <:item>Week</:item>
  <:item>Month</:item>
</.dm_segment_control>

<.dm_segment_control id="segment-control-colors-primary" color="primary">
  <:item active={true}>One</:item>
  <:item>Two</:item>
  <:item>Three</:item>
</.dm_segment_control>
<.dm_segment_control id="segment-control-colors-secondary" color="secondary">
  <:item active={true}>One</:item>
  <:item>Two</:item>
</.dm_segment_control>

<.dm_segment_control id="segment-control-sizes-sm" size="sm">
  <:item active={true}>Small</:item>
  <:item>Options</:item>
</.dm_segment_control>
<.dm_segment_control id="segment-control-sizes-lg" size="lg">
  <:item active={true}>Large</:item>
  <:item>Options</:item>
</.dm_segment_control>