1. Components
  2. KBD

Content

Tailwind CSS KBD

The <kbd> HTML element represents a span of inline text denoting textual user input from a keyboard, voice input, or any other text entry device.

Types

The most commonly used kbd styles.

ctrl ctrl ctrl ctrl ctrl

Working with icons

Examples with icons to create different types of keyboard input elements.

Working with modifier

Examples with modifiers to create different types of keyboard input elements.

shift and b

Sizes

KBD stacked small to large sizes.

ctrl ctrl ctrl

Input example

Here's an input example with KBD.

+ /

List group example

List group example.

  • Bold Ctrl + b
  • Italic Ctrl + i
  • Underline Ctrl + u
  • Strikethrough Ctrl + Alt + u
  • Small text Ctrl + s