Kbd

Import

import {Kbd} from '@astryxdesign/core/Kbd';

Astryx 문서 권장 방식대로 root barrel이 아니라 컴포넌트 subpath에서 가져옵니다.

When to use

Renders a keyboard shortcut as styled key badges. Use Kbd in tooltips, menus, and help text to show key combinations.

Important props

이 컴포넌트는 주요 variant prop보다 children/compound pattern 중심으로 사용합니다.

Theming targets

Best practices

• DoPlace shortcuts near the action they trigger: in a tooltip, menu item, or inline instruction.
• DoUse mod instead of ctrl or cmd; it automatically adapts to the user's platform.
• Do notUse Kbd as the only way to discover an action; shortcuts should supplement visible controls, not replace them.