Switch

Installation

Install from the package for shared ownership or from the registry for copy-paste control.

Package Manager

pnpm add @glinui/ui @glinui/tokens

Registry

pnpm dlx @glinui/cli@latest add switch

Usage

1import { Switch } from "@glinui/ui"
2
3export function Demo() {
4  return (
5    <label className="flex items-center gap-2 text-sm">
6      <Switch /> Notifications
7    </label>
8  )
9}

import { Switch } from "@glinui/ui"
export function Demo() {
  return (

1import { Switch } from "@glinui/ui"
2
3export function Demo() {
4  return (
5    <label className="flex items-center gap-2 text-sm opacity-50">
6      <Switch disabled /> Disabled
7    </label>
8  )
9}

Accessibility

• Built on Radix Switch with `role="switch"`.
• Pair with `<label>` for context.

Reduced Motion

Thumb slide transition respects `prefers-reduced-motion`.

API Reference

Source

Import directly from the package or browse the source on GitHub. Click any file to view it.

import { Switch } from "@glinui/ui"