Switch with TanStack Form and Zod

A toggle switch wired into a form with TanStack Form and validated by a Zod schema that surfaces a field error when the required opt-in is off.

@flx

byfelipemenezes098

import { Switch13 } from "@/components/ui/switch-13";
import { Toaster } from "sonner";

export default function Demo() {
  return (
    <div className="flex min-h-[320px] w-full items-center justify-center p-6">
      <Switch13 />
      <Toaster />
    </div>
  );
}

Dependencies

zod sonner @tanstack/react-form

Source

ui.flexnative.com/r/switch-13.json

License

MIT License

Published

9/1/2026

Similar components

Explore more

Form components1522 Toggle components532 Validation components159

Dependencies

Tags

Newest

Popular

Shaders

Heros

Features

AI Chat Components

Calls to Action

Buttons

Testimonials

Pricing Sections

Text Components

Dependencies

Tags

Switch with TanStack Form and Zod

Dependencies

Tags

Source

License

Published

Similar components

Explore more