List
fandhe-frontend-pre-styled-ui の list mod が提供するスタイル済み List 部品です。
Demo
素の ul/ol/li 意味論をそのまま styled 化したリスト部品。順序なし(marker variant)・順序ありの 2 種。
- SSR
- SPA
- SSG
- 計画
- 実装
- 検証
Features
- root(ul/ol)/item(li)/indicator(span aria-hidden)の 3 パーツで構成する
- ListType(Unordered/Ordered)でレンダリングするタグそのものを選ぶ
- ListVariant(marker/plain)でマーカー表示の有無を切り替える
- indicator は常時 aria-hidden="true"(呼び出し側が外せない fail-closed)
Anatomy
root
itemAPI Reference
Arguments
| Name | Type | Default | Description |
|---|---|---|---|
| list_type | ListType | Unordered | レンダリングするタグ(ul/ol)を選ぶ引数。 |
| variant | ListVariant | Marker | マーカー(箇条書き記号・番号)表示の有無。 |
Examples
順序なし・順序ありの 2 種
ListType で ul/ol を切り替えます。
- SSR
- SPA
- SSG
- 計画
- 実装
- 検証