Difference between revisions of "Tabs"
From Sega Retro
| Line 42: | Line 42: | ||
==Usage== | ==Usage== | ||
===Vertical=== | ===Vertical=== | ||
| + | <pre>{{tabs | ||
| + | | title=vertical tabs | ||
| + | | icon1=tab 1 | ||
| + | | icon2=tab 2 | ||
| + | | icon3=tab 3 | ||
| + | | icon4=tab 4 | ||
| + | | icon5=tab 5 | ||
| + | | content1=content of tab 1 | ||
| + | | content2=things in second tab | ||
| + | | content3=another tab content | ||
| + | | content4=content of tab 4 | ||
| + | | content5=content of tab 5 | ||
| + | | orientation=vertical | ||
| + | }}</pre> | ||
| + | |||
{{tabs | {{tabs | ||
| title=vertical tabs | | title=vertical tabs | ||
| Line 58: | Line 73: | ||
{{clear}} | {{clear}} | ||
===Horizontal=== | ===Horizontal=== | ||
| + | <pre> | ||
| + | {{tabs | ||
| + | | hidetitle=yes | ||
| + | | icon1=tab 1 | ||
| + | | icon2=tab 2 | ||
| + | | icon3=[[file:Logo-md.png|link=]] | ||
| + | | content1=aaa | ||
| + | | content2=things in second tab[[file:Notavailable.svg]] | ||
| + | | content3=another tab content | ||
| + | | orientation=horizontal | ||
| + | | width=500px | ||
| + | | tabliststyle=margin-bottom:0px; | ||
| + | }} | ||
| + | </pre> | ||
{{tabs | {{tabs | ||
| hidetitle=yes | | hidetitle=yes | ||
| Line 72: | Line 101: | ||
===Horizontal (flipped)=== | ===Horizontal (flipped)=== | ||
| + | <pre>{{tabs | ||
| + | | hidetitle=yes | ||
| + | | icon1=tab 1 | ||
| + | | icon2=tab 2 | ||
| + | | icon3=[[file:Logo-md.png|link=]] | ||
| + | | content1=aaa | ||
| + | | content2=things in second tab[[file:Notavailable.svg]] | ||
| + | | content3=another tab content | ||
| + | | orientation=horizontal | ||
| + | | width=500px | ||
| + | | tabliststyle=margin-top:0px; | ||
| + | | flipped=yes | ||
| + | }}</pre> | ||
{{tabs | {{tabs | ||
| hidetitle=yes | | hidetitle=yes | ||
Revision as of 13:36, 22 April 2022
Usage
Vertical
{{tabs
| title=vertical tabs
| icon1=tab 1
| icon2=tab 2
| icon3=tab 3
| icon4=tab 4
| icon5=tab 5
| content1=content of tab 1
| content2=things in second tab
| content3=another tab content
| content4=content of tab 4
| content5=content of tab 5
| orientation=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
{{tabs
| hidetitle=yes
| icon1=tab 1
| icon2=tab 2
| icon3=[[file:Logo-md.png|link=]]
| content1=aaa
| content2=things in second tab[[file:Notavailable.svg]]
| content3=another tab content
| orientation=horizontal
| width=500px
| tabliststyle=margin-bottom:0px;
}}
- tab 1
- tab 2
aaa
things in second tab
another tab content
Horizontal (flipped)
{{tabs
| hidetitle=yes
| icon1=tab 1
| icon2=tab 2
| icon3=[[file:Logo-md.png|link=]]
| content1=aaa
| content2=things in second tab[[file:Notavailable.svg]]
| content3=another tab content
| orientation=horizontal
| width=500px
| tabliststyle=margin-top:0px;
| flipped=yes
}}
aaa
things in second tab
another tab content
- tab 1
- tab 2