Skip to content

ishansasika/svelte-toggle-switch

Repository files navigation

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']

About

Svelte Toggle Switch

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published