Notification - Keep React

Notification component in the Keep React allows you to display informative messages or alerts to users. With various styles and options for positioning, you can effectively communicate important updates or messages in a visually appealing manner.

Table of Contents#

Default Notification#

Display informative messages or alerts to users with the Default Notification component in Keep React.

Notification With Card#

Enhance the Notification component with a card layout for a more visually appealing display.

Notification Position#

Position notifications according to your preference with available options: "top-left", "top-right", "bottom-left", "bottom-right". Default position is "bottom-right".

API Reference#

Explore the available props for the Notification component.

PropertyDescriptionTypeDefault
isOpenNotification show or not.booleanfalse
onOpenChangeFunction to call when the notification is dismissed.setStateNull
positionSets the position of the notification.
top-left
top-right
bottom-left
bottom-right
center
bottom-right