Kbd

Kbd is used to display keyboard shortcuts.

Class name	Type
kbd	Component	Do show a keyboard key or a shortcut key
kbd-lg	Responsive	Large size
kbd-md	Responsive	Medium size (default)
kbd-sm	Responsive	Small size
kbd-xs	Responsive	Extra small size

# Kbd

A

# Kbd sizes

Shift Shift Shift Shift

# In text

Press F to pay respects.

# Key combination

ctrl + shift + del

# Function Keys

⌘ ⌥ ⇧ ⌃

# A full keyboard

q w e r t y u i o p

a s d f g h j k l

z x c v b n m /

# Arrow Keys

▲

◀︎ ▶︎

▼

Do you have a question? ask the community

Do you see a bug? open an issue on GitHub

Do you like daisyUI? tweet about it!

Support daisyUI's development: Open Collective

Edit this page on GitHub

Sponsors

Make your React site visually editable

Become a sponsor

Sponsors

Make your React site visually editable

Become a sponsor