lightswind
Version:
A collection of beautifully crafted React Components, Blocks & Templates for Modern Developers. Create stunning web applications effortlessly by using our 160+ professional and animated react components.
39 lines (38 loc) • 1.26 kB
TypeScript
import React from "react";
export interface NotificationUser {
avatarUrl?: string;
name: string;
initials?: string;
color?: string;
}
export interface NotificationItem {
id: string;
user: NotificationUser;
message: string;
timestamp?: string;
priority?: "low" | "medium" | "high";
type?: "info" | "success" | "warning" | "error";
fadingOut?: boolean;
}
export interface AnimatedNotificationProps {
maxNotifications?: number;
autoInterval?: number;
autoGenerate?: boolean;
notifications?: NotificationItem[];
customMessages?: string[];
animationDuration?: number;
position?: "top-left" | "top-right" | "bottom-left" | "bottom-right" | "center";
width?: number;
showAvatars?: boolean;
showTimestamps?: boolean;
className?: string;
onNotificationClick?: (notification: NotificationItem) => void;
onNotificationDismiss?: (notification: NotificationItem) => void;
allowDismiss?: boolean;
autoDismissTimeout?: number;
userApiEndpoint?: string;
variant?: "default" | "minimal" | "glass" | "bordered";
fixedUser?: NotificationUser;
}
export declare const AnimatedNotification: React.FC<AnimatedNotificationProps>;
export default AnimatedNotification;