Text
fandhe-frontend-pre-styled-ui の text mod が提供するスタイル済み Text 部品です。
size（xs〜xl6 の 10 段階、イシュー #1442 で xl2〜xl4、#2440 で xl5/xl6 を追加）・weight（normal/medium/semibold/bold、イシュー #1442）・variant（plain（既定）/muted）の 3 軸を持ちます。イシュー #2055 で shadcn/ui Typography と突合し、前景色を弱める variant=muted（テーマトークン fg-muted）を追加しました。shadcn/ui の lead/large/small/muted プリセットはプリセット名を持ち込まず、既存の size/weight/variant 軸の組み合わせで再現します。
Demo
素の p 要素を size（xs〜xl6 の 10 段階、イシュー #2440）・weight（normal/medium/semibold/bold の 4 段階）・variant（plain/muted）でスタイル化した本文テキスト部品。shadcn/ui Typography の lead/large/small/muted 4 プリセットは既存軸の合成で再現する（イシュー #2055）。
本文テキスト（size=Xs）
本文テキスト（size=Sm）
本文テキスト（size=Md）
本文テキスト（size=Lg）
本文テキスト（size=Xl）
本文テキスト（size=Xl2）
本文テキスト（size=Xl3）
本文テキスト（size=Xl4）
本文テキスト（size=Xl5）
本文テキスト（size=Xl6）
本文テキスト（weight=Normal）
本文テキスト（weight=Medium）
本文テキスト（weight=Semibold）
本文テキスト（weight=Bold）
本文テキスト（variant=Plain）
本文テキスト（variant=Muted）
lead 相当（size=Xl + variant=Muted）
large 相当（size=Lg + weight=Semibold）
small 相当（size=Sm + weight=Medium）
muted 相当（size=Sm + variant=Muted）
Features
- 素の <p> 要素を size（xs〜xl6 の 10 段階、イシュー #2440）・weight（normal/medium/semibold/bold）・variant（plain/muted）でスタイル化した本文テキスト部品
- colorPalette 軸は持たない
- イシュー #2055 で shadcn/ui Typography と突合し variant（plain/muted）を追加。lead/large/small/muted の 4 プリセットは既存軸の合成で再現する
Anatomy
rootAPI Reference
Arguments
| Name | Type | Default | Description |
|---|---|---|---|
size | TextSize | Md | フォントサイズ・行間の視覚サイズ軸（xs/sm/md/lg/xl/xl2/xl3/xl4/xl5/xl6）。 |
weight | TextWeight | Normal | フォントウェイトの視覚軸（normal/medium/semibold/bold）。イシュー #1442 で追加。 |
variant | TextVariant | Plain | 前景色の視覚軸（plain/muted）。muted はテーマトークン fg-muted を使う。イシュー #2055 で shadcn/ui Typography（lead/muted プリセット）と突合し追加。 |
Examples
size・weight・variant 軸
size（xs〜xl6）・weight（normal〜bold）・variant（plain/muted）を独立に選べます。
本文テキスト（size=sm）
本文テキスト（size=xl）
本文テキスト（weight=bold）
本文テキスト（variant=muted）
shadcn/ui Typography 相当の合成（lead/large/small/muted）
shadcn/ui の lead/large/small/muted プリセットは、size・weight・variant 軸の組み合わせとして再現できます（イシュー #2055）。
lead 相当（size=Xl + variant=Muted）
large 相当（size=Lg + weight=Semibold）
small 相当（size=Sm + weight=Medium）
muted 相当（size=Sm + variant=Muted）