SaaS Switch

SaaS-specific toggle switch

SaaSPrimitives

Overview

The Switch component provides a toggle control for boolean settings. It supports three sizes (small, default, large), checked and disabled states, and integrates with native labels for accessibility.

Usage

import { Switch } from "@leanicon/web-builder-library/saas";

<Switch aria-label="Toggle notifications" />;

Variants

Default

Dark

Checked

Small

Large

Disabled

Disabled Checked

With Label

All Sizes

Small
Default
Large

Props

NameTypeDefaultRequiredDescription
asChildboolean—No
size"default" | "sm" | "lg" | null—No