# Toaster

Toaster component to visualize an information or a message in a box

```js
import Toaster from 'deepsight-react-components/Toaster';

return <Toaster ... />
```

## Props

| prop          | type                                                         | required | default       | description                                                                  |
| :------------ | :----------------------------------------------------------- | :------: | :------------ | :--------------------------------------------------------------------------- |
| `status`      | `success` or `error`                                         | `false`  | `success`     | The status of the message to display and so render appropriate css           |
| `text`        | `string`                                                     |  `true`  |               | The text to display in the toaster                                           |
| `autoDelete`  | `boolean`                                                    | `false`  | `false`       | Whether the toaster should disappear on its own                              |
| `dismissTime` | `number`                                                     | `false`  | `3000`        | When autoDelete activated, time in ms to elaspe before the toaster disappear |
| `hidden`      | `boolean`                                                    |  `true`  |               | Weather the toaster should be displayed or not                               |
| `position`    | `top-left` or `top-right` or `bottom-left` or `bottom-right` | `false`  | `bottom-left` | The position on which the toaster will be displayed                          |
| `handleClose` | `Function`                                                   | `false`  |               | The method to attach to the close cross icon                                 |