Browser

階層構造を持つデータの中から項目を単一選択するコンポーネントです。

Props

size

"S" "M"

ボタンの大きさ

disabledReason

{ icon?: FunctionComponent<{}>; message: ReactNode; }

無効な理由

prefix

string number false true ReactElement<any, string | JSXElementConstructor<any>> Iterable<ReactNode> ReactPortal

ボタン内の先頭に表示する内容。通常は、アイコンを表示するために用いる。

suffix

string number false true ReactElement<any, string | JSXElementConstructor<any>> Iterable<ReactNode> ReactPortal

ボタン内の末尾に表示する内容。通常は、アイコンを表示するために用いる。

wide

false true

true のとき、ボタンの width を 100% にする。

variant

"text" "primary" "secondary" "tertiary" "danger" "skeleton"

ボタンのスタイルの種類

false true

処理が走ってるかどうか