Interface: SegmentedControlProps

Defined in: packages/ui/src/components/SegmentedControl.tsx:5

Properties

className?

optional className: string

Defined in: packages/ui/src/components/SegmentedControl.tsx:15

---

defaultValue?

optional defaultValue: string | number

Defined in: packages/ui/src/components/SegmentedControl.tsx:12

---

disabled?

optional disabled: boolean

Defined in: packages/ui/src/components/SegmentedControl.tsx:14

---

onChange()?

optional onChange: (value) => void

Defined in: packages/ui/src/components/SegmentedControl.tsx:13

Parameters

value

string | number

Returns

void

---

options

options: (string | number | { disabled?: boolean; label: ReactNode; value: string | number; })[]

Defined in: packages/ui/src/components/SegmentedControl.tsx:6

---

size?

optional size: "sm" | "md" | "lg"

Defined in: packages/ui/src/components/SegmentedControl.tsx:26

Size variant that controls padding and font size.

• sm: Compact size with reduced padding and smaller text, suited for dense layouts.
• md: Default size with balanced padding and typography for general use.
• lg: Larger size with increased padding and larger text for emphasis.

---

sx?

optional sx: ThemeUIStyleObject<Theme<{ }>>

Defined in: packages/ui/src/components/SegmentedControl.tsx:16

---

value?

optional value: string | number

Defined in: packages/ui/src/components/SegmentedControl.tsx:11

---

variant?

optional variant: "accent" | "primary" | "secondary"

Defined in: packages/ui/src/components/SegmentedControl.tsx:18

Visual variant that maps to theme color tokens