docs/components/ui/Tabs/DemoHTML.jinja


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23

{% filter markdown %}{% raw %}
```html+jinja
<TabGroup>
  <TabList>
    <Tab target="demo-recent" selected>Recent</Tab>
    <Tab target="demo-popular">Popular</Tab>
    <Tab target="demo-trending">Trending</Tab>
  </TabList>

  <TabPanel id>
    <p>This is the tab panel for <b>"Recent"</b>.</p>
  </TabPanel>

  <TabPanel id="demo-popular" hidden>
    <p>This is the tab panel for <b>"Popular"</b>.</p>
  </TabPanel>

  <TabPanel id="demo-trending" hidden>
    <p>This is the tab panel for <b>"Trending"</b>.</p>
  </TabPanel>
</TabGroup>
```
{% endraw %}{% endfilter %}