@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:
Off
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