Kbd

Usage

import { Kbd } from '@zalify-ui/react'

<Kbd>F12</Kbd>

Examples

Combinations

Display keyboard shortcuts that require multiple keys pressed simultaneously:

Modifier Keys

Showcase common modifier keys using their symbolic representations:

Variants

Customize the appearance with different visual styles to match your design:

Sizes

Adjust the size to match surrounding text or interface elements:

Inline

Integrate keyboard shortcuts naturally within instructional text:

Props