Tabs

Props

Prop	Type	Default	Description
defaultValue	string	-	기본 선택 값
values	{ key: string label: string hasBadge: boolean badgeCount: number hasDot: boolean content: React.ReactNode disabled: boolean }[]	-	탭 리스트 key: 탭 고유 키 값 label: 탭 라벨 텍스트 hasBadge: badge 표시 여부 badgeCount: badge 카운트 hasDot: dot 표시 여부 content: 해당 탭의 페이지 컴포넌트 disabled: 비활성화 여부
variant	'button' | 'line'	-	타입
className	string	-	커스텀 스타일 적용
onValueChange	function	-	탭 선택 이벤트 핸들러
showBorder	boolean	-	하단 보더 표시 여부
borderStyle	string	-	보더 스타일
actionComponent	React.ReactNode	-	탭 우측 액션 컴포넌트 영역

Usage

<Tabs
  variant={'line'}
  defaultValue={'tab01'}
  values={[
    {
      key: 'tab01',
      label: '텍스트',
      content: <></>,
    },
    {
      key: 'tab02',
      label: '텍스트',
      content: <></>,
    },
  ]}
  onValueChange={() => {}}
/>