Kbd

Name: elia
Author: AILE.SH

Displays a keyboard key or shortcut hint.

Installation

bun add elia

@import "tailwindcss";
@import "@aile.sh/elia/styles/elia.css";
@source "../node_modules/@aile.sh/elia";

Usage

import { Kbd } from "@aile.sh/elia";

export function Example() {
  return (
    <div className="flex flex-wrap items-center gap-4">
      <span className="flex items-center gap-1">
        <Kbd>⌘</Kbd>
        <Kbd>K</Kbd>
      </span>
      <Kbd>Esc</Kbd>
      <span className="flex items-center gap-1.5 text-[12.5px] text-ink-3">
        Search suppliers
        <Kbd>/</Kbd>
      </span>
    </div>
  );
}

— elia design system · MIT · base · https://github.com/aile-sh/elia