Close Button

닫기 기능을 트리거할 때 사용하는 버튼 컴포넌트예요. 다이얼로그나 오버레이를 닫는 버튼을 만들 때 유용해요.

출처: 문서

본문

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

<CloseButton />

size prop을 사용하면 닫기 버튼의 크기를 바꿀 수 있어요.

variant prop을 사용하면 닫기 버튼의 모양을 바꿀 수 있어요.

CloseButton 컴포넌트의 children에 커스텀 아이콘을 전달할 수 있어요.

해당 컴포넌트에 전달할 수 있는 prop은 Button 컴포넌트의 Props 표를 확인해 주세요.

Chakra UI의 Close Button 컴포넌트에 대해 더 자세히 알아보려면 공식 문서를 확인해 보세요.