Foundation-button

提供:Dev Guides
移動先:案内検索

基礎-基本コントロールボタン

説明

Foundationは、ニーズに応じてカスタマイズできる多くのボタンスタイルをサポートしています。 より伝統的なアクションが必要な場合、_buttons_は適切なツールです。

次の表に、Foundationで使用される基本的なコントロールを示します。

Sr.No. Button control & Description
1

Basics

ボタンは、<a>や<button>などの少ないマークアップタグで作成できます。

2

Sizing

追加のクラスを使用して、ボタンのサイズと形状を変更できます。

3

Coloring

ボタンに色を付けて、追加の意味を持たせることができます。

4

Hollow Style

_.hollow_クラスを使用して、ボタンに中空スタイルを与えることができます。

5

Dropdown Arrows

_.dropdown_クラスを使用して、ボタンにドロップダウン矢印を追加できます。

6

Accessibility

ボタンに読み取り可能なテキストが含まれていない場合は、スクリーンリーダー専用のテキストを追加して、その目的を伝えることができます。

7

SASS Reference

SASSリファレンスを使用して、コンポーネントのスタイルを変更できます。