Foundation-button
提供:Dev Guides
基礎-基本コントロールボタン
説明
Foundationは、ニーズに応じてカスタマイズできる多くのボタンスタイルをサポートしています。 より伝統的なアクションが必要な場合、_buttons_は適切なツールです。
次の表に、Foundationで使用される基本的なコントロールを示します。
| Sr.No. | Button control & Description |
|---|---|
| 1 |
ボタンは、<a>や<button>などの少ないマークアップタグで作成できます。 |
| 2 |
追加のクラスを使用して、ボタンのサイズと形状を変更できます。 |
| 3 |
ボタンに色を付けて、追加の意味を持たせることができます。 |
| 4 |
_.hollow_クラスを使用して、ボタンに中空スタイルを与えることができます。 |
| 5 |
_.dropdown_クラスを使用して、ボタンにドロップダウン矢印を追加できます。 |
| 6 |
ボタンに読み取り可能なテキストが含まれていない場合は、スクリーンリーダー専用のテキストを追加して、その目的を伝えることができます。 |
| 7 |
SASSリファレンスを使用して、コンポーネントのスタイルを変更できます。 |