<!-- Shortcode for tab -->
<div class="tiva-tab" layout="3" current-item="2" current-background="#1DABDA">
<div class="item">
<div class="title">Tab 1</div>
<div class="content">This is content for tab 1</div>
</div>
<div class="item">
<div class="title">Tab 2</div>
<div class="content">This is content for tab 2</div>
</div>
.....
</div>
Attributes:
- layout: Layout of tab (1 -> 4). Default: 1.
- current-item: Current (open) item on tab. Default: 1.
- tab-background: Background color of tab. Default: #eeeeee.
- tab-border: Color of tab's border (Apply for layout 2 and 4). Default: #dddddd.
- current-background: Bacground color of current item. Default: #fff.
- title-color: Color of title. Default: #333333.
- content-color: Color of content. Default: #333333.
Layout 1
Tab 1
This is content for tab 1
Tab 2
This is content for tab 2
Tab 3
This is content for tab 3
Layout 2
Tab 1
This is content for tab 1
Tab 2
This is content for tab 2
Tab 3
This is content for tab 3
Layout 3
Tab 1
This is content for tab 1
Tab 2
This is content for tab 2
Tab 3
This is content for tab 3
Layout 4
Tab 1
This is content for tab 1
Tab 2
This is content for tab 2
Tab 3
This is content for tab 3