Back to Components
Settings

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.io

Manual installation

Copy the component file to your project and install dependencies:

npm install clsx tailwind-merge