Components
Loading preview...
Here is Kbd component
npx shadcn@latest add https://21st.dev/r/shadcn/kbdimport { Button } from "@/components/ui/button"
import { Kbd } from "@/components/ui/kbd"
export default function KbdButton() {
return (
<div className="flex flex-wrap items-center gap-4">
<Button
variant="outline"
size="sm"
className="flex items-center gap-2 pr-2"
>
Accept <Kbd>⏎</Kbd>
</Button>
<Button
variant="outline"
size="sm"
className="flex items-center gap-2 pr-2"
>
Cancel <Kbd>Esc</Kbd>
</Button>
</div>
)
}