Description

Provide contextual feedback messages for typical user actions with the handful of available and flexible alert messages. Alerts may have a type, be dismissable, include a close button, and contain any sort of children components.

Usage

• Simple

<Alert>This is a simple alert.</Alert>

• With modifier

<Alert type="info">This is a info alert.</Alert>

• With icon

<Alert icon="error" 
  type="warning">
  Warning alert with icon
</Alert>

• Dismissable

<Alert close 
  type="success">
  This is a success alert that is closable.
</Alert>

• With extra content

<Alert type="primary">
  <p>Primary alert with content.</p>
  <ol>
    <li>lorem</li>
    <li>ipsum</li>
  </ol>
</Alert>

API

Alert can receive a number of props as follow:

| NAME | TYPE | DEFAULT | OPTIONS | | :--- | :---: | :---: | ------- | | type | string | empty | primary, secondary, success, warning, dark, info, light| | icon | string | empty | Material icons | | close | Boolean | false | | children | single/array of nodes | No content |