sheengemologic ui
All components

Kbd

Semantic keyboard-input notation. Shortcut registration and platform formatting are separate concerns.@gemologic/sheen · typography

Playground

This example has no scalar controls. Its validated source remains interactive below.
Ctrl K
<Kbd aria-label="Control K">Ctrl K</Kbd>

Variant matrix

Kbd example
Ctrl K

Anatomy

Package
@gemologic/sheen
Source
packages/ui/src/primitives/Typography.tsx
Tokens
  • --sheen-font-sans
  • --sheen-font-mono
  • --sheen-color-fg
  • --sheen-color-fg-muted

Accessibility

Role: keyboard inputKeyboard: No component-owned keys

Do

  • Use visible text as well as color to communicate meaning.

Do not

  • Do not use low-contrast subtle tokens for meaningful text.

Generated props

NameTypeDefaultDescription
Native Solid/HTML attributes remain available and are omitted from this authored-prop view.