Alert

An alert is used to give information.

Color

Alert (Primary)

Alert (Secondary)

Alert (Success)

Alert (Info)

Alert (Warning)

Alert (Danger)

<Alert>Alert (Primary)</Alert>
<Alert color="secondary">Alert (Secondary)</Alert>
<Alert color="success"> Alert (Success)</Alert>
<Alert color="info">Alert (Info)</Alert>
<Alert color="warning">Alert (Warning)</Alert>
<Alert color="danger">Alert (Danger)</Alert>

Visibility

An alert can be displayed and hidden thanks to a visible property. It takes as much space when invisible:

Alert (Primary)

Alert (Secondary)

import { Alert } from 'react-breeze';

<Alert>Alert (Primary)</Alert>
<Alert color="secondary" visible={false}>Alert (Secondary)</Alert>

Properties

Alert takes the same properties as a div, but can also be given:

Name	Type	Default	Required	Description
color	primary | secondary | success | info | warning | danger	primary		Set color
visible	boolean	true		Display / hide