ボタン

ボタンはUIの最も基本的な構成要素です。様々な大きさやデザインのボタンを用意しています。

基本クラス

btnクラスは最も基本的な外観を提供するクラスです。

大きさ

is-lgやis-smで大きさを指定できます。

• lg
• md (デフォルト)
• sm
• xs

種類

次の3種類のボタンデザインがあります。クラスを追加して使用できます。

• 塗りボタン
• アウトラインボタン
• テキストボタン

アクセシビリティ

ターゲット領域

ボタンのターゲット領域は44CSSpx以上を保つようになっています。is-xs,is-smを指定する場合はafterによって、ターゲット領域が拡張されます。

カーソル

cursor: pointer;はリンクを示す値と決められています。ボタンはリンクである場合とない場合がありますが、一律でカーソルをポインターに変更しています。