Basic Switch Toggle Form

A basic switch toggle form with a single switch field

This basic switch form demonstrates the essential toggle pattern for on/off settings. Perfect for simple boolean options like enabling notifications or dark mode.

Basic Switch Toggle Form preview

Scroll to load preview

Installation

Install

Pro block

npx shadcn@latest add https://www.shadcn.io/r/form-switch-basic.json

npx shadcn@latest add https://www.shadcn.io/r/form-switch-basic.json

pnpm dlx shadcn@latest add https://www.shadcn.io/r/form-switch-basic.json

bunx shadcn@latest add https://www.shadcn.io/r/form-switch-basic.json

Switch Group

Multiple grouped toggle switches

Switch With Description

Switch toggle with detailed description

Switch Card

Switch toggles in card containers

Switch Responsive

Responsive switch layout adapting to screen size

Switch Nested

Conditional fields revealed by switch toggle

Switch Danger

Destructive action confirmation switches

FAQ

Last updated on March 24, 2026

Was this page helpful?

Survey Questionnaire Form

A survey form with mixed question types including radio buttons, checkboxes, textarea, and slider rating scales with progress tracking.

Switch Form with Card Layout

A switch form with card-style containers for each toggle

Basic Switch Toggle Form