Notification Preferences Toggle Form

A categorized notification settings form with email and push notification sections

Organize notification preferences into logical categories with clear separation. Uses FieldSet and FieldSeparator to group related settings for better visual hierarchy and user understanding.

Notification Preferences Toggle Form preview

Scroll to load preview

Installation

Install

Pro block

npx shadcn@latest add https://www.shadcn.io/r/form-toggle-notification-prefs.json

npx shadcn@latest add https://www.shadcn.io/r/form-toggle-notification-prefs.json

pnpm dlx shadcn@latest add https://www.shadcn.io/r/form-toggle-notification-prefs.json

bunx shadcn@latest add https://www.shadcn.io/r/form-toggle-notification-prefs.json

Switch Group

Multiple grouped toggle switches

Switch Basic

Simple on/off toggle switch

Toggle Feature Flags

Feature flag management toggles

Switch Card

Switch toggles in card containers

Switch Nested

Conditional fields revealed by switch toggle

Switch With Description

Switch toggle with detailed description

FAQ

Last updated on March 24, 2026

Was this page helpful?

Feature Flags Manager Form

A form for managing feature flags with toggle switches and code-style identifiers

Two Column Form Layout

A form with fields arranged in two columns on desktop, single column on mobile

Notification Preferences Toggle Form