Yamada UIにスターをあげる
スターToggleは、オンまたはオフの２つの状態を持つコンポーネントです。
説明
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"説明
If true, the toggle button will be initially selected.
タイプ
booleanデフォルト
false説明
If true, disable ripple effects when pressing a element.
タイプ
booleanデフォルト
false説明
The icon to be used in the button.
タイプ
ReactElement<any, string | JSXElementConstructor<any>>説明
If true, the toggle button is represented as active.
タイプ
booleanデフォルト
false説明
If true, the toggle button will be disabled.
タイプ
booleanデフォルト
false説明
If true, the toggle button will be readonly.
タイプ
booleanデフォルト
false説明
If true, the toggle button is full rounded. Else, it'll be slightly round.
タイプ
booleanデフォルト
false説明
If true, the toggle button will be selected.
タイプ
boolean説明
The callback invoked when selected state changes.
タイプ
(isSelected: boolean) => void説明
The size of the Toggle.
タイプ
"xs" | "sm" | "md" | "lg"デフォルト
"md"説明
The value of the toggle button.
タイプ
Y説明
The variant of the Toggle.
タイプ
"outline" | "solid" | "subtle" | "unstyled"デフォルト
"subtle"説明
The initial value of the toggle button group.
タイプ
NonNullable<Y extends any[] ? Y : Y | undefined>説明
The CSS flex-direction property.
タイプ
"-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "column" | "column-reverse" | "row" | "row-reverse" | [FlexDirection | { [x: string]: FlexDirection | undefined; ... 5 more ...; xl?: FlexDirection | undefined; }, FlexDirection | { ...; }] | { ...; } | [...] | { ...; } | ((theme: StyledT...説明
If true, all wrapped toggle button will be disabled.
タイプ
booleanデフォルト
false説明
If true, all wrapped toggle button will be readonly.
タイプ
booleanデフォルト
false説明
The callback fired when any children toggle button is selected or unselected.
タイプ
(value: Y extends any[] ? Y : Y | undefined) => void説明
The value of the toggle button group.
タイプ
NonNullable<Y extends any[] ? Y : Y | undefined>GitHubでこのページを編集する