Skip to content

Kbd

stable

Keyboard shortcut display element

Typography/Storybook ↗
import { Kbd } from "@nodus/design-system"
Loading demo…

Props

childrenrequired
Type ReactNodeDefault

Key label (e.g. 'Ctrl', 'K')

Metadatatypesurfaceborder
MobileWorks As-Is

Keyboard glyphs are decorative on mobile. Consider hiding with hidden sm:inline-block if they describe keyboard shortcuts that don't apply on touch devices.

Design Rationale

This component was designed to express:

Explore Related

Was this helpful?