Switch Form with Rich Description

A switch form with detailed description and explanation

This switch form demonstrates how to add detailed descriptions and explanations to toggle switches with titles and descriptions. Perfect for complex settings that need additional context or explanation.

Switch Form with Rich Description preview

Scroll to load preview

Installation

Install

Pro block

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

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

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

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

Switch Basic

Simple on/off toggle switch

Switch Group

Multiple grouped toggle switches

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?

Side-by-Side Switch Grid Form

A two-column layout displaying multiple toggle switches in a compact grid

Table Edit Form

An editable table form where each row contains editable cells with add and remove functionality

Switch Form with Rich Description