Aura Wire

Livewire UI Kit

Typography

Component

Keyboard (Kbd)

Keyboard keycap component designed to display single shortcuts, key sequences, and command combinations with 3D tactile elevation.

Component Syntax

blade 
<x-aura::kbd>
    ⌘K
</x-aura::kbd>

1. Common Shortcut Combinations

blade

Open Command Palette

⌘ K

Quick Save File

Ctrl S

Close Active Modal

Esc

2. Style Variants

blade
⌘K ⌘K ⌘K

3. Size Scales

blade
Shift Shift Shift Shift

Component Props

Available properties and configurations for the keyboard keycap component.

Prop Default Available Values

size

sm
xs sm md lg

variant

default
default outline solid