34 lines
952 B
Text
34 lines
952 B
Text
|
{#css ui/Tabs/Tabs.css #}
|
||
|
|
|
||
|
|
<div class="bg-cover"
|
||
|
|
style="background-image:linear-gradient(to right, rgba(56,189,248, 0.3), rgba(37,99,235, 0.3))"
|
||
|
|
data-md-skip
|
||
|
|
></div>
|
||
|
|
|
||
|
|
<div class="horizontal-tabs" data-md-skip>
|
||
|
|
<TabGroup>
|
||
|
|
<TabList manual>
|
||
|
|
<Tab target="manual-recent" selected>Recent</Tab>
|
||
|
|
<Tab target="manual-popular">Popular</Tab>
|
||
|
|
<Tab target="manual-disabled" disabled>Disabled</Tab>
|
||
|
|
<Tab target="manual-trending">Trending</Tab>
|
||
|
|
</TabList>
|
||
|
|
|
||
|
|
<TabPanel id="manual-recent">
|
||
|
|
<p>This is the tab panel for <b>"Recent"</b>.</p>
|
||
|
|
</TabPanel>
|
||
|
|
|
||
|
|
<TabPanel id="manual-popular" hidden>
|
||
|
|
<p>This is the tab panel for <b>"Popular"</b>.</p>
|
||
|
|
</TabPanel>
|
||
|
|
|
||
|
|
<TabPanel id="manual-disabled" hidden>
|
||
|
|
<p>This is the tab panel for "Disabled".</p>
|
||
|
|
</TabPanel>
|
||
|
|
|
||
|
|
<TabPanel id="manual-trending" hidden>
|
||
|
|
<p>This is the tab panel for <b>"Trending"</b>.</p>
|
||
|
|
</TabPanel>
|
||
|
|
</TabGroup>
|
||
|
|
</div>
|