Viora LogoViora UI
Login

Switch

A tactile spring-loaded toggle switch with high mass drag and squish feedback.

demo-switch-demo.tsx
Loading source code...

Installation

pnpm dlx viora-ui add switch
npx viora-ui add switch
yarn viora-ui add switch
bunx --bun viora-ui add switch

Usage

import { Switch } from "viora-ui";
import { useState } from "react";

export default function Demo() {
  const [checked, setChecked] = useState(false);
  return (
    <Switch
      checked={checked}
      onCheckedChange={setChecked}
      label="Airplane Mode"
    />
  );
}

Built by Otis

Last updated: 9/13/2026