# Banner

[All components/hooks](../../README.md)

The Banner component is used for messaging information to the user of the
experience. It supports the following `variants`:

- `success`
- `info`
- `error`
- `warning`

## Examples:

```tsx
<Banner variant="info">Information here</Banner>
<Banner variant="warning">Warning here</Banner>
<Banner variant="error">Error message here</Banner>
<Banner variant="success">Success message here</Banner>
```