Skip to main content
Version: Previous

Web Components - Switch

An implementation of a switch as a form-connected Web Component.

Set-up​

import { provideDesignSystem, alphaSwitch } from '@genesislcap/alpha-design-system';

provideDesignSystem().register(alphaSwitch());

Usage​

<alpha-switch>
  Theme
  <span slot="checked-message">Dark</span>
  <span slot="unchecked-message">Light</span>
</alpha-switch>

Use cases​

  • Toggling visibility of a UI section
  • Disabling & enabling features

Additional resources​