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