탭

같은 영역에서 여러 뷰를 밑줄 탭으로 전환하는 컨트롤이다. 선택된 탭의 밑줄에 은은한 glow를 주어 현재 위치를 조용히 드러낸다.

활용 방법

각 탭의 content를 함께 넘기면 선택에 맞춰 본문이 바뀐다. disabled 탭은 선택할 수 없다.

Preview

오늘 세션의 핵심 지표를 요약한다.

tsx

<Tabs tabs={[{ value: "summary", label: "요약", content: <Summary /> }, { value: "detail", label: "내역", content: <Detail /> }]} />