Feature 189 - Share dialog with access levelsPro

A share dialog mock with invite field, per-person access selectors, a public-link switch and copy button, set against a muted panel beside sharing features.

About Feature 189

A share dialog mock with invite field, per-person access selectors, a public-link switch and copy button, set against a muted panel beside sharing features.

Feature 189 is a feature block for React and Tailwind CSS, included in Chocolate UI Pro. It ships as 121 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.

  • collaboration
  • sharing
  • permissions
  • dialog
  • access

Installation

  1. Set up your project with npx chocolateui init and npx chocolateui login (see the installation guide).
  2. Run the Chocolate UI CLI:
npx chocolateui add feature-189

Dependencies installed automatically: lucide-react.

Uses: button, reveal, switch, utils.

Usage

import Feature189 from "@/components/blocks/feature-189"

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

FAQ