FinallyReact Design Library

Notification

Hey, Listen!

The Notification component can be used by importing { Notification } from "finallyreact".

Note: for each Notification used, you'll need to create a reference object in React, like so: const ref1 = useRef() and use it when triggering the Notification.

Example - 3 seconds

Styled - 3 seconds

Custom Content - 5 seconds

No Time Limit

Dynamic notification text

Simple

Notification Props

Prop Name	Prop Type	Description
closeProps	HTMLAttributes	Props for the close button
onClose	() => void	Callback for closing the notification
permanent	boolean	Whether the notification is permanent; requires manual closing
simple	boolean	Simple notification with no styles
text	string	Text content for the notification
textProps	HTMLAttributes	Props for the text content
time	number	Time in milliseconds to show the notification; default is 3000