Shadcn.io is not affiliated with official shadcn/ui
Information with Action Button
An informational alert dialog with two action buttons offering users choice between dismissing or learning more
Information isn't always just for reading—sometimes it's an invitation to act. This React alert dialog presents notification opt-in messaging with two clear choices: Not Now (cancel) and Learn More (action), giving users agency instead of forcing binary accept-reject. Built with shadcn/ui and Radix UI with a Bell icon for recognition, the dual-button footer transforms information into opportunity. Perfect for feature discovery prompts, upgrade hints, or any soft-sell message where you want engagement without pressure—users can dismiss gracefully or explore further on their terms.
Information with Action Button preview
Installation
Related Components
Simple Information Alert
Single button alternative
Simple Confirmation
Confirmation with choices
Information with Icon
Icon styling patterns
Custom Actions
Multiple action variations
Information with Link
External link alternative
Standard Dialog
General dialog for custom content
FAQ
Was this page helpful?
Sign in to leave feedback.
Information with Long Content
An informational alert dialog with scrollable content area for longer messages like policy updates with bulleted details
Information with Centered Icon
An informational alert dialog with a large centered icon in a colored circle for high-impact tips and educational moments