Segmented Control

About this piece

Segmented Control

Pill-grouped segmented control with inset muted track and a raised card under the active choice.

Usage

The import and the props worth knowing about, in one place.

import { Form24 } from "@/components/beste/piece/form24";

<Form24
  label="View mode"
  options={[
    "Kanban",
    "List",
    "Calendar",
    "Timeline"
  ]}
  activeIndex={1}
/>

More Form pieces

View all Form
Mira & Co.
Shown on invoices and in the team directory.
Cookie Preferences
NecessaryRequired
Functional
Analytics
Marketing
Delivery speed
Standard3 to 5 business days
ExpressNext business day
Same-dayOrder by noon

Notifications

New bookings
Payment received
Weekly summary
Billing addressUsed on invoices and receipts.
221B Riverside Ave
Istanbul
34381
FormalNeutralFriendlyPlayful