Tabs

Example

One
Two
Three
One content
<mc-tabs>
  <mc-tab aria-controls=panel-1 id=tab-1>One</mc-tab>
  <mc-tab aria-controls=panel-2 id=tab-2>Two</mc-tab>
  <mc-tab aria-controls=panel-3 id=tab-3>Three</mc-tab>
</mc-tabs>


<mc-tab-panel-group>
  <div style="padding: 24px 12px" aria-labelledby=tab-1 id=panel-1 role=tabpanel>
    One content
  </div>
  <div style="padding: 24px 12px" aria-labelledby=tab-2 hidden id=panel-2 role=tabpanel>
    Two content
  </div>
  <div style="padding: 24px 12px" aria-labelledby=tab-3 hidden id=panel-3 role=tabpanel>
    Three content
  </div>
</mc-tab-panel-group>