Maple · Forms

Segmented Control

Switches between two to four views of the same content, like Day / Week / Month. Use Tabs instead when each option is a separate page.

View in Storybook →

Three options

<SegmentedControl value={v} onChange={setV} options={[
  { value: "day", label: "Day" },
  { value: "week", label: "Week" },
  { value: "month", label: "Month" },
]} />

Props

Prop	Type	Default	Description
`options`	`{ value, label }[]`	—	2–4 options.
`value`	`string`	—	Selected.
`onChange`	`(v) => void`	—	Handler.