Success Card

A card component to display success messages with primary and secondary actions.

Operation Successful

Your operation was completed successfully. Thank you for your patience.

Dependencies

react-icons

Installation

npm install react-icons

Props

NameTypeDefaultDescription
titlestringundefinedThe title of the success card.
messagestringundefinedThe message or description displayed in the card.
primaryAction{ label: string; onClick?: () => void; }undefinedPrimary action details, including label and optional onClick handler.
secondaryAction{ label: string; onClick?: () => void; }undefinedSecondary action details, including label and optional onClick handler.
Brought to life by Naseem Ansari – Building Experiences that Inspire