Comparación entre la versión Astro (Saastro) y React (shadcn/ui)
🚀 saastro/ui (Astro)
⌘K
⚛️ shadcn/ui (React)
Installation
Usage
---
import { Kbd } from "@/components/ui-saastro/kbd"
---
<Kbd><span>⌘</span><span>K</span></Kbd>
Examples
Single Key
<Kbd>Enter</Kbd>
Key Combination
<Kbd><span>⌘</span><span>K</span></Kbd>
Multiple Shortcuts
<div class="flex gap-2">
<Kbd><span>⌘</span><span>C</span></Kbd>
<Kbd><span>⌘</span><span>V</span></Kbd>
</div>
Props
| Prop | Type | Default | Description |
|---|---|---|---|
class | string | - | Additional CSS classes |
Accessibility
- Uses native
<kbd>element for proper semantics - Screen readers will announce the keyboard shortcut
- Consider adding
aria-labelfor complex shortcuts