Atoms

Kbd

Keyboard shortcut display component.

FormanceCustom component built for Formance products.

Installation#

npx shadcn@latest add @formance/kbd

Copy and paste the following code into your project.

Update the import paths to match your project setup.

Usage#

import { Kbd, KbdGroup } from '@/components/ui/kbd'

<KbdGroup>
  <Kbd>⌘</Kbd>
  <Kbd>K</Kbd>
</KbdGroup>