Represents keyboard input or a hotkey.
<Kbd>Shift + Tab</Kbd>
This component is based on the kbd element and supports common margin props.
kbd
asChild
boolean
size
Responsive<enum>
Use the size prop to control text size.
<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>