mars-switch

Web component that allows us to show an accessible and beautiful switch so that users can interact

Installation

  npm i @web-inmars/mars-switch --save

<script type="module">
   import 'mars-switch/mars-switch.js';
</script>

<mars-switch id="mars-switch">
     I am a switch
</mars-switch>

Property	Attribute	Type	Default
`caption`	`caption`	`string`	""
`checked`	`checked`	`boolean`	false
`disabled`	`disabled`	`boolean`	false
`id`	`id`	`string`	""
`label`	`label`	`string`	""
`name`	`name`	`string`	""
`showCaption`	`show-caption`	`boolean`	false
`value`	`value`	`string`	""
`variant`	`variant`	`string`	""

Event	Type
`on-change`	`CustomEvent<{ event: any; }>`