11bbc5fff5
* feat: migrated the navigation metadata from inline MD title decorations to frontmatter * fix: fixed frontmatter metadate for api-table MDs * fix: fixed frontmatter eslint issue
35 lines
798 B
Markdown
35 lines
798 B
Markdown
---
|
|
parts:
|
|
- Tabs
|
|
- Examples
|
|
title: 'Tabs: Examples'
|
|
eleventyNavigation:
|
|
key: 'Tabs: Examples'
|
|
order: 30
|
|
parent: Tabs
|
|
title: Examples
|
|
---
|
|
|
|
# Tabs: Examples
|
|
|
|
```js script
|
|
import { LitElement, html } from '@mdjs/mdjs-preview';
|
|
import './src/lea-tabs.js';
|
|
import './src/lea-tab.js';
|
|
import './src/lea-tab-panel.js';
|
|
```
|
|
|
|
## Lea Tabs
|
|
|
|
Learn how to create the `lea tabs` in our ["introducing lion" blogpost](../../blog/ing-open-sources-lion.md).
|
|
|
|
```js preview-story
|
|
export const main = () => html`
|
|
<lea-tabs>
|
|
<lea-tab slot="tab">Info</lea-tab>
|
|
<lea-tab-panel slot="panel"> Info page with lots of information about us. </lea-tab-panel>
|
|
<lea-tab slot="tab">Work</lea-tab>
|
|
<lea-tab-panel slot="panel"> Work page that showcases our work. </lea-tab-panel>
|
|
</lea-tabs>
|
|
`;
|
|
```
|