Themes
Advanced
Utils
Components

Kbd

키보드 입력이나 단축키를 나타냅니다.

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

API Reference

이 컴포넌트는 kbd 요소를 기반으로 하며 common margin props를 지원합니다.

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

Examples

Size

size prop을 사용하여 텍스트 크기를 제어합니다.

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
NextLink
Edit this page on GitHub.