Settings Profile 5 - Email preferencesPro

Grouped email preference toggles with per-group descriptions, a digest frequency choice and a one-click unsubscribe-from-all. Use it for the notifications or communication section of user settings.

About Settings Profile 5

Grouped email preference toggles with per-group descriptions, a digest frequency choice and a one-click unsubscribe-from-all. Use it for the notifications or communication section of user settings.

Settings Profile 5 is a pro settings profile block for React, built on shadcn/ui and Tailwind CSS. It ships as 116 lines of TypeScript you own: every piece of copy is a prop with a sensible default, so you can drop it in and replace the content without touching the layout.

  • settings
  • email
  • notifications
  • preferences
  • switch
  • digest

Installation

  1. Add the Chocolate UI registry to your components.json (see the installation guide).
  2. Run the shadcn CLI:
npx shadcn@latest add @chocolate/settings-profile-05

Uses: button, checkbox, label, reveal, switch, utils.

Usage

import SettingsProfile05 from "@/components/blocks/settings-profile-05"

export default function Page() {
  return <SettingsProfile05 />
}

FAQ