Notification

This is a Notification component.

Hi there! I'm John Doe from Solaris team

Installation

1. Dependencies

npm install clsx tailwind-merge

2. Paste inside @/lib/utils.ts

import { clsx } from "clsx";
import { twMerge } from "tailwind-merge";

export function cn(...inputs: Parameters<typeof clsx>) {
  return twMerge(clsx(...inputs));
}

3. Copy Notification Code

Copy Notification Code

Notification Props

Name	Type	Required	Default	Description
children	React.ReactNode	Yes	undefined	The content of the notification.
className	string	No	undefined	Additional class names for styling.

Avatar Props

Name	Type	Required	Default	Description
imgUrl	string	Yes	undefined	The URL of the user's avatar image.
className	string	No	undefined	Additional class names for styling.

Message Props

Name	Type	Required	Default	Description
children	React.ReactNode	Yes	undefined	The message content.
className	string	No	undefined	Additional class names for styling.

ReplyButton Props

Name	Type	Required	Default	Description
onClick	() => void	Yes	undefined	The callback to trigger when the reply button is clicked.
className	string	No	undefined	Additional class names for styling.