Yamada UIにスターをあげる
スターButtonは、フォームの送信、モーダルの開閉など、ユーザーが操作できるインタラクティブなコンポーネントです。
説明
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, disable ripple effects when pressing a element.
タイプ
booleanデフォルト
false説明
If true, the button is represented as active.
タイプ
booleanデフォルト
false説明
If true, the button is disabled.
タイプ
booleanデフォルト
false説明
If true, the loading state of the button is represented.
タイプ
booleanデフォルト
false説明
If true, the button is full rounded. Else, it'll be slightly round.
タイプ
booleanデフォルト
false説明
The icon to display at the left side of the button.
タイプ
ReactElement<any, string | JSXElementConstructor<any>>説明
The icon to display when the button is loading.
タイプ
type ONLY_FOR_FORMAT =
| "grid"
| ReactElement<any, string | JSXElementConstructor<any>>
| "audio"
| "circles"
| "dots"
| "oval"
| "puff"
| "rings"説明
The placement of the loading indicator. Accepts start or end.
タイプ
"end" | "start"デフォルト
'start'説明
The text to display when the button is loading.
タイプ
string説明
The icon to display at the right side of the button.
タイプ
ReactElement<any, string | JSXElementConstructor<any>>説明
The size of the Button.
タイプ
"xs" | "sm" | "md" | "lg" | "xl" | "2xl"デフォルト
"md"説明
The variant of the Button.
タイプ
"ghost" | "link" | "outline" | "solid" | "subtle" | "surface" | "unstyled"デフォルト
"solid"説明
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, the borderRadius of button that are direct children will be altered to look flushed together.
タイプ
booleanデフォルト
false説明
If true, all wrapped button will be disabled.
タイプ
booleanデフォルト
falseGitHubでこのページを編集する