Privacy Settings
Card with toggles for various privacy options like profile visibility and data sharing.
Privacy settings
Control how your information is shared across the workspace.
Public profile
Allow others to view your profile details.
Activity status
Show when you are active in the workspace.
Personalized recommendations
Use activity to tailor recommendations.
Data sharing
Share anonymized usage data to improve the product.
Dependencies
- clsx
- tailwind-merge
Files
- components/ui/privacy-settings.tsx
Installation
Using shadcn CLI
npx shadcn add privacy-settings --url https://ui.hampton.ioManual installation
Copy the component file to your project and install dependencies:
npm install clsx tailwind-mergeRelated Settings Components
Account Settings Form
Form with avatar upload, display name, email, and timezone fields for account management.
Language Selector
Dropdown for selecting a language with search filter and flag icons.
Notification Toggle
Grouped notification settings with toggle switches, labels, and descriptions.
Theme Switcher
Toggle group for light, dark, and system theme preferences with inline SVG icons.
Theme Toggle
Dark and light mode toggle with smooth icon transitions.