タイプ
ボタン
標準的なボタン
強調表示
ボタンは、様々なレベルの強調表示で書式設定できます。
アニメーション
ボタンは、非表示のコンテンツを表示するアニメーションを実行できます。
ラベル付き
ボタンは、ラベルと一緒に表示できます。
アイコン
ボタンにはアイコンのみを含めることができます。
ラベル付きアイコン
ボタンは、アイコンをラベルとして使用できます。
ベーシック
ベーシックボタンは控えめな見た目です。
反転
ボタンは、暗い背景でも表示されるように書式設定できます。
グループ
ボタン
ボタンはグループとしてまとめて表示できます。
アイコンボタン
ボタングループには、アイコンのグループを表示できます。
コンテンツ
条件付き
ボタングループには、条件付きのボタンを含めることができます。
状態
アクティブ
ボタンは、現在アクティブなユーザー選択であることを示すことができます。
無効
ボタンは、現在操作できないことを示すことができます。
読み込み中
ボタンは、読み込みインジケーターを表示できます。
バリエーション
ソーシャル
ボタンは、ソーシャルウェブサイトへのリンクとして書式設定できます。
サイズ
ボタンには様々なサイズがあります。
フロート
ボタンは、コンテナの左または右に配置できます。
カラー
ボタンには様々な色があります。
コンパクト
ボタンは、パディングを小さくして狭いスペースに収まるようにできます。
トグル
ボタンは、オンとオフを切り替えるように書式設定できます。
肯定的
ボタンは、肯定的な結果を示唆できます。
否定的
ボタンは、否定的な結果を示唆できます。
フルサイズ
ボタンは、コンテナの幅全体を使用できます。
円形
ボタンを円形にすることができます。
垂直方向にアタッチ
ボタンは、他のコンテンツの上または下にアタッチできます。


水平方向にアタッチ
ボタンは、他のコンテンツの左または右にアタッチできます。
グループのバリエーション
垂直方向のボタン
グループは、垂直方向に表示されるように書式設定できます。
アイコンボタン
グループは、アイコンとして書式設定できます。
ラベル付きアイコンボタン
グループは、ラベル付きアイコンとして書式設定できます。
混合グループ
グループは、複数のボタンタイプをまとめて使用するように書式設定できます。
等幅
グループの幅を均等に分割できます。
カラーボタン
グループは共通の色を持つことができます。
ベーシックボタン
ボタングループは控えめな見た目にすることができます。
グループサイズ
グループは共通のサイズを持つことができます。