배지

배지 (Badge)

항목의 상태를 빠르게 알아볼 수 있도록 강조 표시할 때 사용하는 컴포넌트예요. 상태 라벨이나 분류를 한눈에 전달할 때 써요.

출처: 문서

본문

사용법 (Usage)

import { Badge } from "@chakra-ui/react"

<Badge>Badge</Badge>

예제 (Examples)

아이콘 (Icon)

배지 안에 아이콘을 직접 렌더링할 수 있어요.