<a id="kbd"></a>

## Kbd  
**Category**: Data Display
Keyboard key component using DaisyUI classes
### Examples

#### Basic Kbd  
```python
Kbd('A', cls='kbd')
)
```

#### Special Keys  
```python
Div(
    Kbd('⌘', cls='kbd'),
    Kbd('⌥', cls='kbd'),
    Kbd('⇧', cls='kbd'),
    Kbd('⌃', cls='kbd'),    
)
```

#### In Text Usage  
```python
Div(
    'Press ',
    Kbd('F', cls='kbd kbd-sm'),
    ' to pay respects.'
)
```

#### Full Keyboard Layout  
```python
Div(
    Div(
        *[Kbd(key, cls="kbd") for key in "q w e r t y u i o p".split()],
        cls="my-1 flex w-full justify-center gap-1"
    ),
    Div(
        *[Kbd(key, cls="kbd") for key in "a s d f g h j k l".split()],
        cls="my-1 flex w-full justify-center gap-1"
    ),
    Div(
        *[Kbd(key, cls="kbd") for key in "z x c v b n m /".split()],
        cls="my-1 flex w-full justify-center gap-1"
    )    
)
```

#### Arrow Keys  
```python
Div(
    Div(Kbd('▲', cls='kbd'), cls='flex w-full justify-center'),
    Div(
        Kbd('◀︎', cls='kbd'),
        Kbd('▶︎', cls='kbd'),
        cls='flex w-full justify-center gap-12'
    ),
    Div(Kbd('▼', cls='kbd'), cls='flex w-full justify-center'),    
)
```

#### Key Combinations  
```python
Div(
    Kbd('ctrl', cls='kbd'),
    '+',
    Kbd('shift', cls='kbd'),
    '+',
    Kbd('del', cls='kbd')    
)
```

#### Kbd Sizes  
```python
Kbd('Shift', cls='kbd kbd-lg'),
Kbd('Shift', cls='kbd kbd-md'),
Kbd('Shift', cls='kbd kbd-sm'),
Kbd('Shift', cls='kbd kbd-xs')
)
```