Alert

ALert is a component that is used to display important information to the user. It can be used to display a notification, a warning, or a call to action.

This components. Store at src/components/atoms/alert

Basic example

This is an example of how to use the Alert component. With an icon, content, and color.

ExampleCode

Here is a gentle confirmation that your action was successful.

Color

You can set the color of the alert by using the color prop. You can find the allow color at Color guideline

ExampleCode

This is alert with color gray

This is alert with color red

This is alert with color orange

This is alert with color amber

This is alert with color yellow

Attribute

id: string; This is the id of the alert.
children: React.ReactNode (required); This is the content of the alert.
icon: React.ReactNode; The icon will be displayed in the top left of the alert.
color: string; Color of the alert that you can choose.
className: string; This is the class that you can style the css.

Term of service

Privacy statement