Kbd

#Default usage

#Usage

import { Kbd } from "@froggdesign/enter-ui";

export function Example() {
  return (
    <>
      <Kbd>Cmd</Kbd>
      <Kbd>K</Kbd>
      <span className="docs-preview-muted">Open command menu</span>
    </>
  );
}

#Accessibility

Kbd renders a semantic kbd element. Keep shortcut text short and match the platform where possible.

#API

• Extends native kbd element props.
• Use children for the displayed key label.

#Styling

Every exported component accepts className when it renders an element. EnterUI styles use .eui-* classes and --eui-* variables mapped from FroggDesign theme tokens.