KBD

Keyboard key display element styled as a terminal key cap.

PREVIEW

Ctrl⌘⇧Enter

INSTALLATION

BASH

npx shadcn@latest add @scificn/kbd

USAGE

TSX

import { Kbd } from '@scificn/ui'

export function Example() {
  return (
    <p className="text-sm text-muted">
      Press <Kbd>Ctrl</Kbd> + <Kbd>K</Kbd> to open command palette.
    </p>
  )
}

PROPS

PROP	TYPE	DEFAULT	DESCRIPTION
children	ReactNode	—	Key label content.
className	string	—	Additional CSS classes.