Kbd

A visual representation of a keyboard key or shortcut.

Sizes

Three size options.

Combinations

Combine multiple keys to show shortcuts.

Fit

Fit width to content for longer key labels.

Multi-char

Single letters render uppercase while multi-char labels render lowercase. flex-none keeps longer labels from being squashed in constrained containers.

Inverted

For use on dark or inverted backgrounds.

Disabled

Disabled state with reduced opacity.