Alert

Inspired by the Bootstrap Alert. Basically, it's a badge that takes the full width of its parent element and displays a small message. It's perfect for showing an important message to the user. The component takes two arguments as props:

• type (string) it the type of alert you want to display
• children (any) is the content of the alert. Usually a text message

Currently, three different types are supported: 'danger' (red color), 'waring' (yellow color) and 'success' (green color)

Examples:

<Alert type="danger">Danger Alert</Alert>

<Alert type="warning">Warning Alert</Alert>

<Alert type="success">Success Alert</Alert>