0.1.12 • Published 1 year ago
@web-inmars/mars-switch v0.1.12
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
Usage
<script type="module">
import 'mars-switch/mars-switch.js';
</script>
<mars-switch id="mars-switch">
I am a switch
</mars-switch>
Properties
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 | "" |
Events
Event | Type |
---|---|
on-change | CustomEvent<{ event: any; }> |