Radiomark
Radiomark
Radiomark는 라디오의 선택/선택 해제 상태를 보여주는 시각적 인디케이터예요. 체크된 상태와 체크되지 않은 상태를 동그란 마크로 표시해줘요.
출처: 문서
본문
사용법 (Usage)
import { Radiomark } from "@chakra-ui/react"
<Radiomark checked />
예시 (Examples)
상태 (States)
Radiomark 컴포넌트는 체크된 상태와 체크되지 않은 상태를 지원하며, 선택적으로 비활성화(disabled) 상태도 지원해요.
변형 (Variants)
variant prop을 사용해 라디오마크의 시각적 스타일을 바꿀 수 있어요.
크기 (Sizes)
size prop을 사용해 라디오마크의 크기를 바꿀 수 있어요.
색상 (Colors)
colorPalette prop을 사용해 라디오마크의 색상 스킴을 바꿀 수 있어요.
채우기 (Filled)
outline 변형과 함께 filled prop을 사용해 라디오마크에 배경색을 추가할 수 있어요.
Props
Radiomark 컴포넌트에서 사용 가능한 props는 공식 문서에서 확인할 수 있어요.