Switch (Base UI)

iconiq-ui/b-switch

FreeComponent

Switch with the same Iconiq API layered over Base UI primitives, preserving the original spring thumb travel, pressure-like squash, and foreground fill sweep.

Install it

npx shadcn@latest add https://www.iconiqui.com/r/b-switch.json

Source

b-switch.tsxwww.iconiqui.com/r/b-switch.json · first 6 KB

1"use client";
2 
3import { Switch as SwitchPrimitive } from "@base-ui/react/switch";
4import {
5  animate,
6  type MotionValue,
7  motion,
8  useMotionValue,
9  useReducedMotion,
10  useTransform,
11} from "motion/react";
12import * as React from "react";
13 
14import { cn } from "@/lib/utils";
15 
16const componentThemeClassName =
17// … truncated

What it pulls in

npm packages

@base-ui/react
motion

Files it writes

b-switch.tsx

More from Iconiq UI

All 119 items

Same registry, same kind — the ones you would have found next
Component	Registry	Kind	Access	Installs
Accordionaccordion	Iconiq UI	Components	Free	2 deps
AI Inputai-input	Iconiq UI	Components	Free	3 deps
Alertalert	Iconiq UI	Components	Free	2 deps
Avataravatar	Iconiq UI	Components	Free	3 deps
Accordion (Base UI)b-accordion	Iconiq UI	Components	Free	2 deps
Alert Dialog (Base UI)b-alert-dialog	Iconiq UI	Components	Free	3 deps
Autocomplete (Base UI)b-autocomplete	Iconiq UI	Components	Free	3 deps
Avatar (Base UI)b-avatar	Iconiq UI	Components	Free	2 deps