Kbd
Keyboard key component using DaisyUI classes
Class Reference Basic
Usage
Special Keys
Keyboard Layout
qwertyuiop
asdfghjkl
zxcvbnm/
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"
)
)
Auto-import documentation coming soon...
Class Reference
Class | Type | Description |
---|---|---|
kbd | Component | Base keyboard key styling |
kbd-xl | Size | Extra large size variant |
kbd-lg | Modifier | Large size variant |
kbd-md | Modifier | Medium size variant |
kbd-sm | Modifier | Small size variant |
kbd-xs | Modifier | Extra small size variant |
Do you have a question? ask the community
Do you see a bug? open an issue on GitHub
LLMs Context: Full Markdown | This Component