Library
/
Typography
/
Kbd
Represents keyboard input or a hotkey.
rx.text.kbd("Shift + Tab")
Use the size
prop to control text size. This prop also provides correct line height and corrective letter spacing—as text size increases, the relative line height and letter spacing decrease.
rx.flex(
rx.text.kbd("Shift + Tab", size="1"),
rx.text.kbd("Shift + Tab", size="2"),
rx.text.kbd("Shift + Tab", size="3"),
rx.text.kbd("Shift + Tab", size="4"),
rx.text.kbd("Shift + Tab", size="5"),
rx.text.kbd("Shift + Tab", size="6"),
rx.text.kbd("Shift + Tab", size="7"),
rx.text.kbd("Shift + Tab", size="8"),
rx.text.kbd("Shift + Tab", size="9"),
direction="column",
spacing="3",
)
Did you find this useful?