Code
fandhe-frontend-pre-styled-ui の code mod が提供するスタイル済み Code 部品です。
Demo
インラインコード片の表示。variant / size / colorPalette を組み合わせます。chakra-ui の CodeBlock 相当は対象外です。
Variant
SolidSubtleOutlineSize
codecodecodecodecodePalette
AccentInfoSuccessWarningDangerNeutralFeatures
- インラインコード片表示のための単一 recipe styled 部品（<code>）
- chakra-ui の CodeBlock（複数行・シンタックスハイライト）相当は対象外確定済み
- variant（solid/subtle/outline）3 種、size 5 段、colorPalette 6 値を持つ（イシュー #1432、mark と同型の単一 recipe パターン）
Anatomy
rootAPI Reference
Arguments
| Name | Type | Default | Description |
|---|---|---|---|
variant | CodeVariant | Subtle | 見た目のバリアント（solid/subtle/outline）。 |
size | Size | Md | サイズ軸（xs/sm/md/lg/xl）。 |
palette | ColorPalette | Neutral | colorPalette 軸。 |
Examples
variant 3 種
solid/subtle/outline の見た目を並べます。
subtlesolidoutline