@kabbage/sprout 0.25.2

Tabs Component

A CSS implementation of the Sprout tabs component.

Related

Sprout Tabs documentation [external]

Example

html 
<div style="width: 400px;">
  <div class="spr-tabs spr-divider spr-stack-lg">
    <div class="spr-tab">
      <span class="active">Tab Label</span>
    </div>
    <div class="spr-tab">
      <span>Tab Label</span>
    </div>
    <div class="spr-tab disabled">
      <span class="active">Tab Label</span>
    </div>
  </div>
  <div class="spr-tabs spr-tabs-lg spr-divider">
    <div class="spr-tab">
      <span class="active">Tab Label</span>
    </div>
    <div class="spr-tab">
      <span>Tab Label</span>
    </div>
    <div class="spr-tab disabled">
      <span class="active">Tab Label</span>
    </div>
  </div>
</div>

Compiled CSS

Example

scss 
@import 'components/tabs';