OddApp Design

SegmentedControl

@oddapp/ui · Tier 1

Mutually exclusive option selector presented as a joined button group.

Default

import { SegmentedControl } from '@oddapp/ui'

const options = [
  { value: 'day', label: 'Day' },
  { value: 'week', label: 'Week' },
  { value: 'month', label: 'Month' },
]

<SegmentedControl options={options} value="week" onChange={(v) => setView(v)} />