Kbd
Kbd (키보드 단축키)
어떤 동작에 대한 키 조합을 보여주는 컴포넌트예요. 텍스트 안에서 단축키를 깔끔하게 표현해요.
출처: 문서
본문
사용법 (Usage)
import { Kbd } from "@chakra-ui/react"
<Kbd>F12</Kbd>
예제 (Examples)
조합 (Combinations)
Kbd를 렌더링해 키 조합을 보여줘요.
기능 키 (Function Keys)
Kbd를 사용해 기능 키를 보여주는 예시예요.
변형 (Variants)
variant prop을 사용해 Kbd 컴포넌트의 모양을 변경해요.
크기 (Sizes)
size prop을 사용해 Kbd 컴포넌트의 크기를 변경해요.
텍스트 안에서 (Within Text)
텍스트 안에서 Kbd를 사용해 키 조합을 강조해요.
Props
Kbd 컴포넌트의 Kbd 부분에 대한 prop 테이블 (대화형 문서 참고).