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
◀︎ ▶︎