### Variants

```js
const handleDismissClick = () => {
    window.alert('Clicked dismiss');
};

[
    'info',
    'danger',
    'success',
    'warning'
].map((variant, idx) => {
    const title = `${variant.charAt(0).toUpperCase()}${variant.substr(1, variant.length)}`;
    
    return (
        <Alert
            onDismiss={handleDismissClick}
            title={title}
            key={idx}
            dismissible
            variant={variant}
        >
            This is a {variant} alert with{' '}
            <a href="#">an example link</a>. Give it a click if you like.
        </Alert>
    );
});
```

### Upgrading
Upgrading from 2.x.x to 3.x.x

This component was previously called AlertMessage, for consistency purposes with `react-bootstrap`, we renamed this to Alert

Changed props:

- `onDismiss` -> `onClose`
- `bsStyle` -> `variant`