テーマ

~省略~
タイポグラフィ
~省略~

レイアウト

~省略~

タイポグラフィ

~省略~
Kbd
~省略~

コンポーネント

~省略~

ユーティリティ

~省略~
コンポーネント

Kbd

キーボード入力またはホットキーを表します。

Shift + Tab
<Kbd>Shift + Tab</Kbd>

API リファレンス

このコンポーネントは kbd 要素に基づいており、一般的なマージンプロップをサポートしています。

プロパティデフォルト
asChild
boolean
デフォルト値なし
size
Responsive<enum>
デフォルト値なし

サイズ

size プロパティを使用してテキストサイズを制御します。

Shift + TabShift + TabShift + TabShift + TabShift + TabShift + TabShift + TabShift + TabShift + Tab
<Flex direction="column" align="start" gap="3">
<Kbd size="1">Shift + Tab</Kbd>
<Kbd size="2">Shift + Tab</Kbd>
<Kbd size="3">Shift + Tab</Kbd>
<Kbd size="4">Shift + Tab</Kbd>
<Kbd size="5">Shift + Tab</Kbd>
<Kbd size="6">Shift + Tab</Kbd>
<Kbd size="7">Shift + Tab</Kbd>
<Kbd size="8">Shift + Tab</Kbd>
<Kbd size="9">Shift + Tab</Kbd>
</Flex>
前へEm
次へLink