Base
Item 1 Contents
Item 2 Contents
Item 3 Contents
Item 4 Contents
Item 5 Contents
Tabs
탭 형태로 여러 콘텐츠 섹션을 전환하는 UI.
fr-tabs
JS
Vertical
Item 1
Item 2
Item 3
<div class="ga-tabs vertical">
<div class="tab-menu">
<div class="tab-item tab active">Item 1</div>
<div class="tab-item tab">Item 2</div>
...
<div class="tab-item tab">Item n</div>
</div>
</div>Active (Line)
Item 1
Item 2
Item 3
Item 4
Item 5
Item 1
Item 2
Item 3
<div class="ga-tabs line">
<div class="tab-menu">
<div class="tab-item tab active">Item 1</div>
<div class="tab-item tab">Item 2</div>
...
<div class="tab-item tab">Item n</div>
</div>
</div>Active (Button)
Item 1
Item 2
Item 3
Item 4
Item 5
1 Contents
2 Contents
3 Contents
4 Contents
5 Contents
<div class="ga-tabs button">
<div class="tab-menu">
<div class="tab-item tab active">Item 1</div>
<div class="tab-item tab">Item 2</div>
...
<div class="tab-item tab">Item n</div>
</div>
</div>Browser Tab
Item 1
Item 2
Item 3
Item 4
Item 5
ADD
<div class="ga-tabs browser">
<div class="tab-menu">
<div class="tab-item tab active">Item 1</div>
<div class="tab-item tab">Item 2</div>
...
<div class="tab-item tab">Item n</div>
</div>
</div>