키보드 키
키보드 입력과 단축키를 본문과 구분되는 시맨틱 kbd 요소로 표시한다.
상태
Escsm
Entermd
⌘+Kchord
활용 방법
검색 단축키
여러 키는 각각의 Kbd로 분리해 실제 입력 단위를 보존한다.
Preview
빠른 검색⌘K
tsx
<span><Kbd size="sm">⌘</Kbd><Kbd size="sm">K</Kbd></span>
동작 힌트
버튼이나 메뉴 라벨 옆에서 대체 입력 방법을 보조한다.
Preview
명령 팔레트⌘K
tsx
<div>명령 팔레트 <Kbd size="sm">⌘K</Kbd></div>
속성
| 이름 | 타입 | 기본값 | 설명 |
|---|---|---|---|
| size | "sm" | "md" | "md" | 키캡 크기 |
| className | string | - | kbd root 클래스 |
| ...props | ComponentPropsWithoutRef<"kbd"> | - | 네이티브 kbd 속성 |