Tabs

탭을 클릭해 콘텐츠를 전환하는 헤드리스 탭 컴포넌트. Item 하위 컴포넌트로 구성합니다.

데모

개요사용법API

Flame은 조합성과 접근성에 중점을 둔 헤드리스 React 19 디자인 시스템입니다.

Show Code

API 레퍼런스

Tabs

Prop	Type	Default	Description
initialTab	string	""	초기 선택 탭의 value
onChange	(value: string) => void	-	탭 선택 시 호출되는 콜백. 선택된 탭의 value를 인자로 받음
...props	ComponentPropsWithoutRef<"div">	-	모든 네이티브 div 요소 속성. role="tablist"로 렌더링

Tabs.Item

Prop	Type	Default	Description
value	string	-	탭 식별에 사용되는 고유 값
...props	ComponentPropsWithoutRef<"button">	-	모든 네이티브 button 요소 속성. role="tab", aria-selected, data-selected 자동 적용