Display an alert banner in four different categories such as danger, warning, info and success .
yarn add @berlitz/alert| Argument | Type | Required | Default | Notes |
|---|---|---|---|---|
| heading | string | ❌ | null | Take the heading text of the alert |
| content | string | ❌ | null | This takes the main content of the component |
| type | string | ❌ | "info" | This prop will accept danger, warning, info or success |
| children | node | ❌ | null | useful for adding a addition element such as button |
| disableIcon | bool | NA | false | removes icon from the component |
| rounded | bool | NA | false | rounds the radius and adds 1px border to component |
import Alert from '@berlitz/alert'
const MyAlert () => <Alert type="success" heading="Success" content="I am a success alert!" />- Privacy policy banner
- Confidentiality Agreement
- Displaying a persistent, message to the user