Kbd Samples

Helps display Keyboard suggestions

InlineComboPlatform Specific

Inline Usage

Help Text

Mix `<Kbd>` with copy for hints and helper text.

Open command palette with ⌘ + K (mac) or Ctrl + K (win).

Press Esc to close, Tab to navigate, and Enter to confirm.

Example attribute syntax: title=`"Keyboard hint"` • dir=`"ltr"`

Showing: mac

Command palette

Group: General

⌘+K

Save

Group: General

⌘+S

New file

Group: General

⌘+N

Find

Group: Editing

⌘+F

Replace

Group: Editing

⌥+⌘+F

Toggle sidebar

Group: Navigation

⌘+B

Go to file

Group: Navigation

⌘+P

Adjust size/density using utility classes on `className`.

Compact

Smaller padding and text.

Ctrl+Shift+P

Comfortable

Default sizing from the component.

Ctrl+Shift+P

Helpful Hints

Typical hints row at the bottom of a command dialog.

↩︎to select

↑↓to navigate

Escto close

Loading…