Ambient UI

Command Palette

Search for a command to run...

Kbd

Used to display textual user input from keyboard.

Usage

import { Kbd } from "@smartacteam/ambient-web/kbd";
<Kbd.Item></Kbd.Item>
<Kbd.Group>
  <Kbd.Item></Kbd.Item>
  <Kbd.Item></Kbd.Item>
  <Kbd.Item></Kbd.Item>
  <Kbd.Item></Kbd.Item>
</Kbd.Group>

Examples

Group

Use the Kbd.Group component to group keyboard keys together.

Button

Use the Kbd.Item component inside a Button component to display a keyboard key inside a button.

Tooltip

You can use the Kbd.Item component inside a Tooltip component to display a tooltip with a keyboard key.

Input Group

You can use the Kbd.Item component inside a InputGroup.Addon component to display a keyboard key inside an input group.