KBD Component

Keyboard key styling for documentation and shortcuts display.

Basic KBD

Press Ctrl + C to copy text.

Keyboard Navigation

Use Tab to navigate through form elements.

Press Enter to submit the form.

Use Esc to close modal dialogs.

Function Keys

Press F1 for help.

Press F5 to refresh the page.

Press F11 to toggle fullscreen mode.

Press F12 to open developer tools.

Modifier Keys

Hold Ctrl while clicking to select multiple items.

Hold Shift while clicking to select a range.

Hold Alt while clicking for alternative action.

Arrow Keys

Use arrow keys to navigate.

Common Shortcuts

Shortcut Description
Ctrl + C Copy selected text
Ctrl + V Paste from clipboard
Ctrl + X Cut selected text
Ctrl + Z Undo last action
Ctrl + Y Redo last undone action
Ctrl + A Select all content
Ctrl + S Save current document
Ctrl + F Find text in document

Mac Shortcuts

Press + C to copy on Mac.

Press + V to paste on Mac.

Press + Space to open Spotlight search.

Press + Tab to switch between applications.

Different Sizes

Small

Press Ctrl + C to copy.

Medium (Default)

Press Ctrl + C to copy.

Large

Press Ctrl + C to copy.

← Back to Components