@keenmate/svelte-switch

A modern, customizable switch component library for Svelte 5 with support for both binary and multi-step switches

🔄 Basic Switch
Toggle me:
State: false
🎛️ Multi Switch
Power level:
Option 1
Level: Off
Svelte 5 Native

Built with Svelte 5 runes for optimal performance and modern reactive patterns

🎨
Highly Customizable

Full control over styling, colors, sizes, and animations with CSS variables and props

🔄
Binary & Multi-Step

Support for both simple on/off switches and complex multi-state switches

📱
Touch Friendly

Optimized for both desktop and mobile with proper touch and gesture support

Accessible

Built-in accessibility features with proper ARIA attributes and keyboard navigation

📦
TypeScript Ready

Full TypeScript support with complete type definitions included

Quick Installation

Get started in seconds

Package Manager
npm
 
pnpm
 
yarn
 
Import
Import components
 
Usage

Simple to Use

Install the package using your preferred package manager, then import and use the switch components in your Svelte application.

Zero Configuration

Works out of the box with sensible defaults, but fully customizable when you need it.

Framework Agnostic Styling

Use with any CSS framework or custom styles. No styling dependencies required.

Example Usage

Basic Switch
 
Multi Switch
 

Advanced Examples

🎨 Styled Switch
Custom style:
State: false
📐 Vertical Switch
Vertical:
State: false

2

Switch Types

Customization Options

100%

TypeScript

MIT

License