{"repo":"Aslam97/react-confirm-dialog","free":true,"listed":false,"github":"https://github.com/Aslam97/react-confirm-dialog","clone":"git clone https://github.com/Aslam97/react-confirm-dialog.git","description":"React Confirm Dialog","language":"TypeScript","stars":176,"topics":["alert-dialog","radix-ui","shadcn-ui"],"license":"MIT","category":"ui-components","readme_excerpt":"React Confirm Dialog A flexible and customizable confirm dialog component for React applications. Built on top of Radix UI Alert Dialog and styled with Tailwind CSS v4. Features - Promise-based API with the useConfirm hook - Fully customizable appearance through Tailwind classes - Custom actions with access to dialog state - Icon support and content slots - Accessible by default (built on Radix UI) - Tailwind CSS v4 with native keyframe animations - React 18 and 19 support Installation Setup 1. Wrap your app with the ConfirmDialogProvider 2. Configure Tailwind CSS v4 Add the library's class source and the required animation keyframes to your CSS file: 3. Add CSS color variables The dialog uses Tailwind semantic color tokens. Define them in your CSS (or use colors from shadcn/ui themes): Usage Basic With Icon Custom Button Text and Styles Hide Cancel Button Custom Content Slot Add custom content between the description and actions: Custom Actions Full control over the action buttons with access to dialog state: Custom Styling Override the styling of any dialog part: Dynamic Configuration Updates Update the dialog configuration after it's opened: Default Options Set default options for all confirm dialogs in your app: API Reference ConfirmOptions The confirm function accepts an options object with the following properties: CustomActionsProps When using the enhanced custom actions API: useConfirm Migrating from v1 Tailwind CSS v4 v2 uses Tailwind CSS v4. Replace your tailwind.co","default_branch":null,"files":null,"tree":[],"storefront":"/r/Aslam97","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/Aslam97/react-confirm-dialog/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}