UST | StepOne - UI framework

The Notifications is a styled component used to provide feedback such as success, warning, error, etc..

Name	Use	Type	Definition
icon	optional	string	Tell whether you want the close icon or not.
success	optional	boolean	Change status to Success.
error	optional	boolean	Change status to Error.
info	optional	boolean	Change status to Info.
warning	optional	boolean	Change status to Read.
className	optional	string	Additional styling if needed.
show	required	boolean	State for showing the notification.
setShow	optional	(show: boolean) => void	Indicates whether to validate the input field on change or not.
onClose	optional	() => void	Handler function for the close button.
renderAsPortal	optional	boolean	Handler to show or not as a portal.
others	optional	any	Any additional props that can be passed to the component.

Read notification

Example of a read notification.

Info notification

Example of a Info notification.

Error notification

Example of a error notification.

Success notification

Example of a success notification.

Warning notification

Example of a warning notification.