Switch

Here is Switch component

Loading preview...

import SwitchBasic from "@/components/ui/switch-1";

export default function DemoOne() {
  return <SwitchBasic />;
}

More examples

Switch DisablerOpen page →

Loading preview...

Switch SquareOpen page →

Loading preview...

Large Thumb SwitchOpen page →

Loading preview...

Bordered SwitchOpen page →

Loading preview...

Switch Revealing IconsOpen page →

Loading preview...

Switch IconsOpen page →

Loading preview...

Switch Dual LabelsOpen page →

Loading preview...

Switch LabelOpen page →

Loading preview...

Switch embedded textOpen page →

Loading preview...

Switch in CardOpen page →

Loading preview...

Switch in Card IconOpen page →

Loading preview...

Dependencies

@ark-ui/react

Source

tarkui.com

Published

8/25/2025

Dependencies

Tags

Featured

Newest

Popular

Shaders

Heros

Features

AI Chat Components

Calls to Action

Buttons

Testimonials

Pricing Sections

Text Components

Dependencies

Tags

Switch

More examples

Dependencies

Source

Published

Similar components