Radix Homepage
Radix Homepage
主题主题基础组件基础组件图标图标颜色颜色
文档演练博客
Components

Kbd

表示键盘输入或热键。

View sourceReport an issueView in Playground
Shift + Tab
<Kbd>Shift + Tab</Kbd>

API 参考

¥API Reference

此组件基于 kbd 元素并支持 常用边距属性。

¥This component is based on the kbd element and supports common margin props.

PropTypeDefault
asChild
boolean
No default value
size
Responsive<enum>
No default value

示例

¥Examples

尺寸

¥Size

使用 size 属性控制文本大小。

¥Use the size prop to control text 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>
PreviousEm
Next链接