Button

Buttonは、押下することで特定の操作を実行するコンポーネントです。
ボタン内部の構造はテキストやアイコン等に柔軟に変更できます。

プロパティ

Buttonは、以下のプロパティをサポートしています。

名前	型	デフォルト値	説明
`variant`	`string`	`primary`	ボタンのスタイルを指定します。`primary`, `secondary`, `success`, `danger` のいずれかを選択できます。
`size`	`string`	`medium`	ボタンのサイズを指定します。`small`, `medium`, `large` のいずれかを選択できます。
`tone`	`string`	`solid`	ボタンのトーンを指定します。`solid`, `ghost` のいずれかを選択できます。
`disabled`	`boolean`	`false`	ボタンを無効化します。無効化されたボタンはクリックできません。

以下のコンポーネントのコードを、使いたいプロジェクトにコピー＆ペーストします。パスは実際のプロジェクトの構成にあわせて更新します。

最も優先度の高いアクションに使うコンポーネントです。基本的には1画面に1つのみ使用します。

利用不可の状態です。

ボタンのタイプを変更することもできます。

ボタンのサイズを変更することもできます。

ボタンのトーンを変更することもできます。

通常の button と同様に、クリック時のイベントを登録できます。

アイコンを追加することもできます。

ローディング状態です。

<a> タグ等に Buttonのクラスやスタイルのみを適用することで、同じ見た目を再現できます。