財団-キッチンシンク

説明

これには、Webアプリケーションをスムーズに操作するためのFoundation要素が含まれています。次の表に、Foundationコンポーネントの一部を示します-

シニア番号 コンポーネントと説明
1 アコーディオン

アコーディオンには、大量のデータを展開および折りたたむためにWebサイトで使用される垂直タブが含まれています。

2 アコーディオンメニュー

アコーディオン効果のある折りたたみ可能なメニューを表示します。

3 バッジ

バッジは、重要なメモやメッセージなどの情報を強調するために使用されるラベルに似ています。

4 パン粉

ナビゲーション階層内のサイトの現在の場所を指定します。

5 ボタン

Foundationは、さまざまなスタイルの標準ボタンをサポートしています。

6 叫ぶ

コールアウトは、コンテンツを内部に配置するために使用できる要素です。

7 閉じるボタン

アラートボックスを閉じるために使用されます。

8 ドリルダウンメニュー

ドリルダウンメニューは、ネストされたリストを垂直ドリルダウンメニューに変更します。

9 ドロップダウンメニュー

ドロップダウンメニューは、リンクをリスト形式で表示するために使用されます。

10 ドロップダウンペイン

ボタンをクリックすると、ドロップダウンペインにコンテンツが表示されます。

11 フレックスビデオ

これは、Webページにビデオオブジェクトを作成するために使用されます。

12 フロートクラス

HTML要素にユーティリティクラスを追加するために使用されます。

13 フォーム

これは、ユーザー入力を収集するためのフォームレイアウトを作成するために使用されます。

14 ラベル

ラベルはインラインスタイルであり、入力要素のラベルを定義します。

15 メディアオブジェクト

画像、ビデオ、ブログコメントなどのメディアオブジェクトを追加するために使用されます。これらはコンテンツブロックの左または右に配置できます。

16 メニュー

Webサイトのさまざまなモードへのアクセスを提供します。

17 ページネーション

これは、コンテンツを一連の関連ページに分割するナビゲーションの一種です。

18 スライダー

ハンドルをドラッグして値の範囲を指定します。

19 スイッチ

オン状態とオフ状態を切り替えるために使用されます。

20 テーブル

これは、行と列の形式でデータを表します。

21 タブ

これは、ページを離れることなくコンテンツをさまざまなペインに表示するナビゲーションベースのタブです。

22 サムネイル

画像をサムネイル形式でスタイル設定します。

23 タイトルバー

これは、ユーザーが他のメニュー項目で使用している現在の画面を表示するために使用されます。

24 ツールチップ

リンク上にマウスを置くと情報を説明する小さなポップアップボックスです。

25 トップバー

Webサイトでナビゲーションヘッダーを作成するために使用されます。

26 軌道

これは、軌道クラスを使用して要素をスワイプする簡単で強力なスライダーです。