active
説明
If true, the button is represented as active.
タイプ
booleanデフォルト
falseButton
Buttonは、フォームの送信、モーダルの開閉など、ユーザーが操作できるインタラクティブなコンポーネントです。
Props
ButtonProps
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"disableRipple
説明
If true, disable ripple effects when pressing a element.
タイプ
booleanデフォルト
falseendIcon
説明
The icon to display at the end side of the button.
タイプ
ReactElement<any, string | JSXElementConstructor<any>>fullRounded
説明
If true, the button is full rounded. Else, it'll be slightly round.
タイプ
booleanデフォルト
falseisActive
非推奨説明
If true, the button is represented as active.
非推奨
Use active instead.
タイプ
booleanデフォルト
falseisDisabled
非推奨説明
If true, the button is disabled.
非推奨
Use disabled instead.
タイプ
booleanデフォルト
falseisLoading
非推奨説明
If true, the loading state of the button is represented.
非推奨
Use loading instead.
タイプ
booleanデフォルト
falseisRounded
非推奨説明
If true, the button is full rounded. Else, it'll be slightly round.
非推奨
Use fullRounded instead.
タイプ
booleanデフォルト
falseleftIcon
非推奨説明
The icon to display at the left side of the button.
非推奨
Use startIcon instead.
タイプ
ReactElement<any, string | JSXElementConstructor<any>>loading
説明
If true, the loading state of the button is represented.
タイプ
booleanデフォルト
falseloadingIcon
説明
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"loadingPlacement
説明
The placement of the loading indicator. Accepts start or end.
タイプ
"end" | "start"デフォルト
'start'loadingText
説明
The text to display when the button is loading.
タイプ
stringrightIcon
非推奨説明
The icon to display at the right side of the button.
非推奨
Use endIcon instead.
タイプ
ReactElement<any, string | JSXElementConstructor<any>>size
説明
The size of the Button.
タイプ
"xs" | "sm" | "md" | "lg" | "xl" | "2xl"デフォルト
"md"startIcon
説明
The icon to display at the start side of the button.
タイプ
ReactElement<any, string | JSXElementConstructor<any>>variant
説明
The variant of the Button.
タイプ
"ghost" | "link" | "outline" | "solid" | "subtle" | "surface" | "unstyled"デフォルト
"solid"ButtonGroupProps
attached
説明
If true, the borderRadius of button that are direct children will be altered to look flushed together.
タイプ
booleanデフォルト
falsedirection
非推奨説明
The CSS flex-direction property.
非推奨
Use flexDirection instead.
タイプ
UIValue<FlexDirection>disabled
説明
If true, all wrapped button will be disabled.
タイプ
booleanデフォルト
falseisAttached
非推奨説明
If true, the borderRadius of button that are direct children will be altered to look flushed together.
非推奨
Use attached instead.
タイプ
booleanデフォルト
falseisDisabled
非推奨説明
If true, all wrapped button will be disabled.
非推奨
Use disabled instead.
タイプ
booleanデフォルト
falseGitHubでこのページを編集する