Skip to content

Switch


View Source 

Usage

css
@import "winduum/src/ui/switch/index.css" layer(components);

Variants

  • default 
  • interactive 

Props

  • default-props 
  • interactive-props 

Tokens

  • invalid 

Examples

Basic

html
<div class="ui-switch">
    <input type="checkbox">
    Switch
</div>

Small

html
<div class="ui-switch sm">
    <input type="checkbox">
</div>

Large

html
<div class="ui-switch lg">
    <input type="checkbox">
</div>

Disabled

html
<div class="ui-switch">
    <input type="checkbox" disabled>
    Switch
</div>

Released under the MIT License.