Interface: SegmentedControlProps

Defined in: components/SegmentedControl.tsx:5

Properties

className?

optional className?: string

Defined in: components/SegmentedControl.tsx:15

---

defaultValue?

optional defaultValue?: string | number

Defined in: components/SegmentedControl.tsx:12

---

disabled?

optional disabled?: boolean

Defined in: components/SegmentedControl.tsx:14

---

onChange?

optional onChange?: (value) => void

Defined in: components/SegmentedControl.tsx:13

Parameters

Parameter	Type
value	string | number

Returns

void

---

options

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

Defined in: components/SegmentedControl.tsx:6

---

size?

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

Defined in: 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: components/SegmentedControl.tsx:16

---

value?

optional value?: string | number

Defined in: components/SegmentedControl.tsx:11

---

variant?

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

Defined in: components/SegmentedControl.tsx:18

Visual variant that maps to theme color tokens