Lion Logo Lion Fundamentals Guides Components Blog Toggle darkmode

Tabs: Examples

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