lion/docs/components/tabs/examples.md

Tabs >> Examples ||30

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.

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>
`;