List

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

Demo

素の ul/ol/li 意味論をそのまま styled 化したリスト部品。順序なし（marker variant）・順序あり・plain + indicator（カスタムマーカー）・ネストリスト（イシュー #2056）の 4 種。

対応ブラウザ（animation-timeline: view() サポート）ではスクロールに応じて各行がフェードインします。非対応ブラウザでは @supports ブロックごと無視されるため、常に通常表示のまま安全に劣化します（JS 不要）。

Row 1

Row 2

Row 3

Row 4

Row 5

Row 6

ページ読み込み時に上から順番に遅延フェードインします（JS 不要、CSS animation-delay の順送り計算のみ）。prefers-reduced-motion: reduce では遅延・アニメーションとも消えます。

Item 1

Item 2

Item 3

Item 4

Item 5

Item 6

対応ブラウザではスクロールに応じて行が上方向へ視差移動します。非対応ブラウザでは @supports ブロックごと無視され、常に静止したまま安全に劣化します（JS 不要）。

Parallax layer

対応ブラウザではビューポートに完全に収まっている間、行が強調表示（不透明度・拡大率）へ変化します。非対応ブラウザでは @supports ブロックごと無視され、常に通常表示のまま安全に劣化します（JS 不要）。

Sticky progress row

root
  item
    indicator

Name	Type	Default	Description
`list_type`	`ListType`	`Unordered`	レンダリングするタグ（ul/ol）を選ぶ引数。
`variant`	`ListVariant`	`Marker`	マーカー（箇条書き記号・番号）表示の有無。

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

ListVariant::Plain と indicator を組み合わせ、アイコン等のカスタムマーカーを行頭に揃えて表示します。

item の子として list::root を再帰的に渡すと、ブラウザ既定のマーカー切り替え（外側 disc・内側 circle）で入れ子表示になります（イシュー #2056）。