blob: 2a067bde1dbf013fa59e08f524dfdba3e33043de (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
|
{#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>
|
