ボタン

基本のボタン

a要素

icon付きボタン

a要素

アクティブ時・disabled時のボタン

a要素 ノーマル a要素 アクティブ a要素 disabled

デザインの異なるボタン

Outlined

a要素 a要素 a要素 アクティブ a要素 disabled

Pills

a要素 a要素 a要素 アクティブ a要素 disabled

Outlined Pills

a要素 a要素 a要素 アクティブ a要素 disabled

ブロックレベルボタン

a要素でブロック 中 a要素でブロック 大

ボタン・グループ

ボタン groups doesn't exsist in this section

基本

ボタンツールバー

サイズ・バリエーション

ボタンを均等サイズに並べる

基本的にボタンとして振舞うものはbutton要素として記述すべきですが、a要素をボタン要素のように扱うにはいかのことに気をつけてください

  • role="button"をつける
  • tabindex="0"をつける
  • keyupイベントハンドラを実装する

さまざまなスタイルのボタン

Chevron

トップに戻るボタン

プラスマイナスボタン

Loading

Button Styles

No design for these components. REX CSS Framework includes styles below.

サイズ・バリエーション