Framework

Framework

Basic

기본적인 line 탭 예시입니다.

기본 탭 콘텐츠입니다.

Variant

line / box / pill / vertical 스타일을 비교합니다.

variant = "line"

Account Content

Profile Content

Security Content

variant = "box"

Account Content

Profile Content

Security Content

variant = "pill"

Account Content

Profile Content

Security Content

variant = "vertical"

Overview Content

Members Content

Settings Content

Default Active Id

defaultActiveId로 특정 탭을 기본 활성 상태로 지정할 수 있습니다.

Default Content 1

Default Content 2

Default Content 3

Disabled

disabled 탭은 선택할 수 없습니다.

Active Content

Disabled Content

Active Content 2

Size

sm / md / lg 크기를 비교합니다.

size = "sm"

Small Content

Medium Content

Large Content

size = "md"

Small Content

Medium Content

Large Content

size = "lg"

Small Content

Medium Content

Large Content

Slot

탭 본문을 슬롯으로 연결합니다.

이 콘텐츠는 슬롯으로 렌더링됩니다.

액션 영역

탭 안에 버튼을 직접 배치한 예시입니다.

slot 방식 슬롯 콘텐츠입니다.