Skip to content
fandhe-frontend
GitHub

List

fandhe-frontend-pre-styled-uilist mod が提供するスタイル済み List 部品です。

関連 API: fandhe-frontend-pre-styled-ui API

Demo

素の ul/ol/li 意味論をそのまま styled 化したリスト部品。順序なし(marker variant)・順序ありの 2 種。

  • SSR
  • SPA
  • SSG
  1. 計画
  2. 実装
  3. 検証

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
  item

API Reference

Arguments

NameTypeDefaultDescription
list_typeListTypeUnorderedレンダリングするタグ(ul/ol)を選ぶ引数。
variantListVariantMarkerマーカー(箇条書き記号・番号)表示の有無。

Examples

順序なし・順序ありの 2 種

ListType で ul/ol を切り替えます。

  • SSR
  • SPA
  • SSG
  1. 計画
  2. 実装
  3. 検証