Heading
fandhe-frontend-pre-styled-ui の heading mod が提供するスタイル済み Heading 部品です。
Demo
素の h1〜h6 意味論を size（sm/md/lg）でスタイル化した見出し部品。
見出し (h4, size=lg)
見出し (h5, size=md)
見出し (h6, size=sm)
Features
- 素の h1〜h6 意味論をタグとしてそのまま維持しつつ、視覚サイズを variant として独立に切り替える
- colorPalette 軸を持たない単一 recipe 静的部品
- chakra-ui の 9 段階サイズをテーマトークン範囲（sm〜4xl の 7 段階）へ縮約済み
Anatomy
rootAPI Reference
Arguments
| Name | Type | Default | Description |
|---|---|---|---|
| level | HeadingLevel | （必須） | レンダリングする HTML タグ（h1〜h6）。意味論レベルを表す。 |
| props.size | HeadingSize | Xl | 視覚サイズ（sm/md/lg/xl/xl2/xl3/xl4）。タグ選択（意味論）とは独立した軸。 |
Examples
タグとサイズの独立軸
レンダリングするタグ（h1〜h6）と視覚サイズ（sm〜4xl）を独立に選べます。