Skip to main content

IconButtonProps

IconButtonPropsIconButton 컴포넌트가 받는 속성들을 정의합니다. HTMLAnchorElement의 속성을 상속하며, 추가적으로 아래의 속성들을 가집니다.

Signature

interface IconButtonProps 

Properties

Property

Modifiers

Type

Description

colorMode?

'light' | 'dark'

(Optional) 아이콘 버튼의 색상 모드를 설정합니다. 'light' 또는 'dark' 중 하나를 선택할 수 있습니다. 'dark'

icon

ReactElement

버튼에 표시될 아이콘을 설정합니다. ReactElement 타입이어야 합니다.

iconStyle?

HTMLAttributes<HTMLOrSVGElement>['style']

(Optional) 아이콘의 스타일을 설정합니다.

label?

string | null

(Optional) 버튼에 표시될 레이블을 설정합니다. null 값을 통해 레이블을 숨길 수 있습니다.

labelStyle?

HTMLAttributes<HTMLLabelElement>['style']

(Optional) 레이블의 스타일을 설정합니다.

lang?

'en' | 'ko'

(Optional) 버튼의 언어를 설정합니다. 'en' 또는 'ko' 중 하나를 선택할 수 있습니다. 'ko'

onClick?

HTMLAttributes<HTMLAnchorElement>['onClick']

(Optional) onClick 속성을 설정합니다.

socialType

SocialType

소셜 타입을 지정합니다. 이를 통해 버튼의 스타일과 레이블이 결정됩니다.

style?

HTMLAttributes<HTMLAnchorElement>['style']

(Optional) anchor 태그의 스타일을 설정합니다.

variant?

'full' | 'rounded' | 'square'

(Optional) 아이콘 버튼의 모양을 결정합니다. 'full', 'rounded', 'square' 중 하나를 선택할 수 있습니다. 'full'