active
説明
If true, the toggle button is represented as active.
タイプ
booleanデフォルト
falseToggle
Toggleは、オンまたはオフの２つの状態を持つコンポーネントです。
Props
ToggleProps
colorScheme
説明
The visual color appearance of the component.
タイプ
"blackAlpha" | "whiteAlpha" | "amber" | "blue" | "info" | "link" | "primary" | "cyan" | "emerald" | "flashy" | "fuchsia" | "gray" | "green" | "success" | "indigo" | "lime" | "neutral" | "orange" | "warning" | "pink" | "purple" | "red" | "danger" | "rose" | "sky" | "teal" | "violet" | "secondary" | "yellow"デフォルト
"gray"defaultIsSelected
非推奨説明
If true, the toggle button will be initially selected.
非推奨
Use defaultSelected instead.
タイプ
booleanデフォルト
falsedefaultSelected
説明
If true, the toggle button will be initially selected.
タイプ
booleanデフォルト
falsedisableRipple
説明
If true, disable ripple effects when pressing a element.
タイプ
booleanデフォルト
falsefullRounded
説明
If true, the toggle button is full rounded. Else, it'll be slightly round.
タイプ
booleanデフォルト
falseicon
説明
The icon to be used in the button.
タイプ
ReactElement<any, string | JSXElementConstructor<any>>isActive
非推奨説明
If true, the toggle button is represented as active.
非推奨
Use active instead.
タイプ
booleanデフォルト
falseisDisabled
非推奨説明
If true, the toggle button will be disabled.
非推奨
Use disabled instead.
タイプ
booleanデフォルト
falseisReadOnly
非推奨説明
If true, the toggle button will be readonly.
非推奨
Use readOnly instead.
タイプ
booleanデフォルト
falseisRounded
非推奨説明
If true, the toggle button is full rounded. Else, it'll be slightly round.
非推奨
Use fullRounded instead.
タイプ
booleanデフォルト
falseisSelected
非推奨説明
If true, the toggle button will be selected.
非推奨
Use selected instead.
タイプ
booleanonChange
説明
The callback invoked when selected state changes.
タイプ
(selected: boolean) => voidreadOnly
説明
If true, the toggle button will be readonly.
タイプ
booleanデフォルト
falseselected
説明
If true, the toggle button will be selected.
タイプ
booleansize
説明
The size of the Toggle.
タイプ
"xs" | "sm" | "md" | "lg"デフォルト
"md"value
説明
The value of the toggle button.
タイプ
Yvariant
説明
The variant of the Toggle.
タイプ
"outline" | "solid" | "subtle" | "unstyled"デフォルト
"subtle"ToggleGroupProps
defaultValue
説明
The initial value of the toggle button group.
タイプ
NonNullable<Y extends any[] ? Y : Y | undefined>direction
非推奨説明
The CSS flex-direction property.
非推奨
Use flexDirection instead.
タイプ
UIValue<FlexDirection>disabled
説明
If true, all wrapped toggle button will be disabled.
タイプ
booleanデフォルト
falseisDisabled
非推奨説明
If true, all wrapped toggle button will be disabled.
非推奨
Use disabled instead.
タイプ
booleanデフォルト
falseisReadOnly
非推奨説明
If true, all wrapped toggle button will be readonly.
非推奨
Use readOnly instead.
タイプ
booleanデフォルト
falseonChange
説明
The callback fired when any children toggle button is selected or unselected.
タイプ
(value: Y extends any[] ? Y : Y | undefined) => voidreadOnly
説明
If true, all wrapped toggle button will be readonly.
タイプ
booleanデフォルト
falsevalue
説明
The value of the toggle button group.
タイプ
NonNullable<Y extends any[] ? Y : Y | undefined>GitHubでこのページを編集する