<Alert>
ComponentThe <Alert>
component renders a small alert banner with a link to another page. It is often used to redirect users to a new release or announcement.
Name | Description |
---|---|
product string | A lower-case product identifier to pull in respective theme colors. The default is hashicorp blue. |
url* string | URL that the alert points to |
tag* string | Label or summary of the main alert message |
text* string | Primary message of the alert |
state string | Special tag states that override brand values. |
textColor string | Background color of the text - default is light |
className string | class to apply to the root element |
If you need to override the brand color with a special state (error, warning, success):