Kbd
glasswave/kbdFreeComponent
Keyboard shortcut chip.
Live preview
live · rendered by the registry
Rendered by glasswave on their own page — this is the component running, not a screenshot of it.Install it
npx shadcn@latest add https://glasswave.denizisik.com/r/kbd.jsonSource
1import { cn } from "@/lib/utils";23export function Kbd({ className, ...props }: React.ComponentProps<"kbd">) {4 return (5 <kbd6 data-slot="kbd"7 className={cn(8 "pointer-events-none inline-flex h-6 min-w-6 select-none items-center justify-center gap-1 rounded-md border border-black/[0.12] bg-black/[0.04] px-1.5 font-mono text-[11px] font-medium text-current/90 shadow-sm dark:border-white/[0.22] dark:bg-white/[0.08]",9 className,10 )}11 {...props}12 />13 );14}
Files it writes
More from glasswave
All 60 items| Component | Registry | Kind | Access | Installs | Command |
|---|---|---|---|---|---|
| Accordionaccordion | glasswave | Components | Free | 2 deps | |
| Alertalert | glasswave | Components | Free | 1 dep | |
| Alert Dialogalert-dialog | glasswave | Components | Free | 1 dep | |
| Aspect Ratioaspect-ratio | glasswave | Components | Free | 1 dep | |
| Avataravatar | glasswave | Components | Free | 1 dep | |
| Badgebadge | glasswave | Components | Free | 1 dep | |
| Breadcrumbbreadcrumb | glasswave | Components | Free | 2 deps | |
| Buttonbutton | glasswave | Components | Free | 2 deps |
