Foundation-kitchen-sink

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

基礎-キッチンシンク

説明

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

Sr.No. Component & Description
1

Accordion

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

2

Accordion Menu

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

3

Badge

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

4

Breadcrumbs

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

5

Buttons

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

6

Callout

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

7

Close Button

警告ボックスを閉じるために使用されます。

8

Drilldown Menu

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

9

Dropdown Menu

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

10

Dropdown Pane

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

11

Flex Video

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

12

Float Classes

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

13

Forms

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

14

Label

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

15

Media Object

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

16

Menu

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

17

Pagination

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

18

Slider

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

19

Switch

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

20

Table

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

21

Tabs

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

22

Thumbnail

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

23

Title Bar

ユーザーが使用する現在の画面を他のメニュー項目とともに表示するために使用されます。

24

Tooltip

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

25

Top Bar

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

26

Orbit

_orbit_クラスを使用して要素をスワイプする簡単で強力なスライダーです。