Light
100%
Both
Payable
Receivable
Controls
7
Actions
Code
Accessibility
Name
Description
Default
Control
aria-label
*
string
-
Direction
options
*
SegmentOption<T>[]
-
[ { "value": "both", "label": "Both" }, { "value": "payable", "label": "Payable" }, { "value": "receivable", "label": "Receivable" } ]
className
string
-
Set string
defaultValue
T
-
Choose option…
month
week
timeline
agenda
onValueChange
(value: T) => void
-
-
size
30px or the 36px control height
"sm"
"md"
"md"
size
sm
md
value
T
-
-