# Callout
Keep your user informed about the actions they take! Callout creates a small alert that appears at the bottom of the workspace.

## Usage
Simply add the `<Callout>` component to your module with a ref. This works best at the highest level of your module.
```
// ... in your JSX...
<Callout ref={(ref)={this.callout = ref;}}/>
```
Use the ref to the `<Callout>` to call the `sendCallout` method, supplying a configuration object for the callout:
```
  announce(){
    this.callout.sendCallout({
      type: 'success',
      message: (<span><strong>Hey!!</strong> This is a <strong>callout!</strong></span> )
    })
  }
```

## Callout Configuration
prop | description | default | required
-- | -- | -- | --
type | 'error' or 'success'. | 'success' |
timeout | timeout for automatic dismissal. Can be set to 0 to only allow for user-dismissal. | 6000 |
message | String or HTML to render in the content of the callout. | | &#10004;

# Callout
Keep your user informed about the actions they take! Callout creates a small alert that appears at the bottom of the workspace.

## Usage
Simply add the `<Callout>` component to your module with a ref. This works best at the highest level of your module.
```
// ... in your JSX...
<Callout ref={(ref)={this.callout = ref;}}/>
```
Use the ref to the `<Callout>` to call the `sendCallout` method, supplying a configuration object for the callout:
```
  announce(){
    this.callout.sendCallout({
      type: 'success',
      message: (<span><strong>Hey!!</strong> This is a <strong>callout!</strong></span> )
    })
  }
```

## Callout Configuration
prop | description | default | required
-- | -- | -- | --
type | 'error' or 'success'. | 'success' |
timeout | timeout for automatic dismissal, in milliseconds. Can be set to 0 to only allow for user-dismissal. | 6000 |
message | String or HTML to render in the content of the callout. | | &#10004;

Clarify unit of timeout property
Clarify unit of timeout property