Component Tabs

The tabs component is used to create a container that wraps all other tab components.

Example

This is panel 1

This is panel 2

This is panel 3

View code

<som-tabs>
  <som-tab-group contained>
    <som-tab name="Tab one"></som-tab>
    <som-tab name="Tab two"></som-tab>
    <som-tab name="Tab three" active></som-tab>
  </som-tab-group>
  <som-tab-panel-group>
    <som-tab-panel>
      <som-content>This is panel 1</som-content>  
    </som-tab-panel>
    <som-tab-panel>
      <som-content>This is panel 2</som-content>  
    </som-tab-panel>
    <som-tab-panel>
      <som-content>This is panel 3</som-content>  
    </som-tab-panel>
    <som-tab-panel>
      <som-content>This is panel 4</som-content>  
    </som-tab-panel>  
    <som-tab-panel>
      <som-content>This is panel 5</som-content>  
    </som-tab-panel>
  </som-tab-panel-group>
</som-tabs>

Healthy

Healthy content is accurate and represents our most up-to-date recommendations.

Get in touch

Do you have an idea, or want to help us improve this page? Reach out to us via email.

DTMB-DG-Support@michigan.gov

Need help? Visit our Support page to learn how to get assistance, troubleshoot issues, and connect with the team.

Get in touch

Do you have an idea, or want to help us improve this page? Reach out to us via email.

DTMB-DG-Support@michigan.gov

Need help? Visit our Support page to learn how to get assistance, troubleshoot issues, and connect with the team.