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.

Theme:

Working with icons

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

Theme:

Working with modifier

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

Theme:

Sizes

KBD stacked small to large sizes.

Theme:

Input example

A search input field demonstrating how KBD elements can be used to display keyboard shortcuts and commands.

Theme:

List group example

Keyboard shortcuts displayed alongside list items for quick reference and accessibility.

Theme: