svelte-toggle-switch

1.0.0 • Public • Published

Svelte Toggle Switch

Install

Install using NPM

npm i svelte-toggle-switch

Install using YARN

yarn add svelte-toggle-switch

How to use

<script>
import Select from 'svelte-toggle-switch';

let switchValue;
let sliderValue;
let multiValue;

</script>

<Switch bind:value={switchValue} label="Enable Toggle" design="inner" />
<p>
	Switch is {switchValue}
</p>

<Switch bind:value={sliderValue} label="Enable Toggle" fontSize={24} design="slider" />
<p>
	Switch is {sliderValue}
</p>

<Switch bind:value={multiValue} label="Choose an Option" design="multi" options={['true', 'false']} fontSize={12}/>
<p>
	Switch is {multiValue}
</p>

Options

API Value
label Your Text
design inner, slider, multi
fontSize 16px
options ['true', 'false']

Package Sidebar

Install

npm i svelte-toggle-switch

Weekly Downloads

1

Version

1.0.0

License

MIT

Unpacked Size

16.2 kB

Total Files

12

Last publish

Collaborators

  • ishansasika