Blockquote
fandhe-frontend-pre-styled-ui の blockquote mod が提供するスタイル済み Blockquote 部品です。
Demo
素の blockquote 要素を content/caption の 2 パーツで styled 化した引用部品。
プレーンな HTML / JavaScript / CSS を尊重する。
Features
- root（figure）/content（素の blockquote）/caption（figcaption）の 3 パーツで構成する
- content が素の <blockquote> タグのため引用の HTML 意味論を保つ
- variant（subtle/solid/plain）と colorPalette（5 値、root のみ）を持つ
Anatomy
root
content
captionAPI Reference
Arguments
| Name | Type | Default | Description |
|---|---|---|---|
| variant | BlockquoteVariant | Subtle | 見た目のバリアント（subtle: 淡色背景+左罫線 / solid: 塗りつぶし / plain: 罫線のみ）。 |
| palette | ColorPalette | Accent | colorPalette 軸（root のみに適用）。 |
CSS Variables
| Variable | Default |
|---|---|
| --fandhe-blockquote-caption-fg |
Examples
content + caption
引用本文（content）と出典（caption）を組み合わせます。
プレーンな HTML / JavaScript / CSS を尊重する。