Chip

Props

Prop
Type
Default
Description

variant

string

-

타입

size

string

-

사이즈

icon

React.ReactNode

-

라벨 아이콘

label

string

-

라벨 텍스트

value

string

-

선택 값

clear

boolean

-

삭제 버튼 노출 여부

caret

boolean

-

caret 노출 여부

state

'default' | 'active' | 'disabled

-

상태

onClear

function

-

삭제 버튼 클릭 이벤트 핸들러

onClick

function

-

chip 클릭 이벤트 핸들러

activeColor

string

-

active 상태 기본 색상

activeValueColor

string

-

active 상태 value 색상

activeBackgroundColor

string

-

active 상태 배경 색상

Usage

<Chip
  size={'small'}
  icon={<Calendar16Regular />}
  lable={'날짜'}
  value={'선택'}
  caret={false}
  clear={true}
  onClick={() => {}}
/>

Last updated