Command Palette

Search for a command to run...

Docs
Success Alert

Success Alert

A success alert component with emerald background and circle check icon.

Installation

Usage

import AlertSuccess from "@/components/ruixen/alert-success";
 
export default function MySuccess() {
  return (
    <AlertSuccess
      title="Success"
      message="Your changes have been saved successfully."
    />
  );
}

Props

PropTypeDefaultDescription
titlestring-Optional title for the alert
messagestring-The alert message
classNamestring-Additional CSS classes