Switch

Pack name: seed-switch

Switch component pack for Seed

Contents

Install

npm install seed-switch --save

Dependencies


Example

<label class="c-switch">
  <input type="checkbox">
  <span class="c-switch-toggle"></span>
</label>

Sizes

Extra small

<label class="c-switch c-switch--xs">
  <input type="checkbox">
  <span class="c-switch-toggle"></span>
</label>

Small

<label class="c-switch c-switch--sm">
  <input type="checkbox">
  <span class="c-switch-toggle"></span>
</label>

States

Active

<label class="c-switch is-active">
  <input type="checkbox">
  <span class="c-switch-toggle"></span>
</label>