Actions

Template

Difference between revisions of "Tabs"

From NEC Retro

Line 1: Line 1:
<includeonly><div class="poot-tabs-container poot-tabs-{{#if:{{{orientation|}}}|{{{orientation}}}|vertical}} {{#if:{{{collapsed|}}}|poot-tabs-collapsed}} poot-tabs-content" style="width:{{#if:{{{width|}}}|{{{width}}}|auto}}; {{{style|}}}">
+
<includeonly><div class="poot-tabs-container poot-tabs-{{#if:{{{orientation|}}}|{{{orientation}}}|vertical}} {{#if:{{{collapsed|}}}|poot-tabs-collapsed}} poot-tabs-selected" style="width:{{#if:{{{width|}}}|{{{width}}}|auto}}; {{{style|}}}">
 
{{#if: {{{hidetitle|}}} | |
 
{{#if: {{{hidetitle|}}} | |
 
<div class="poot-tabs-title breakout"><span class="poot-tabs-titletext">{{{title|}}}</span></div>
 
<div class="poot-tabs-title breakout"><span class="poot-tabs-titletext">{{{title|}}}</span></div>

Revision as of 21:25, 29 December 2018

Usage

Vertical

vertical tabs
  • tab 1
  • tab 2
  • tab 3
  • tab 4
  • tab 5
content of tab 1
things in second tab
another tab content
content of tab 4
content of tab 5

Horizontal

  • tab 1
  • tab 2
  • Logo-md.png
aaa
things in second tabNotavailable.svg
another tab content