# certara-toast



<!-- Auto Generated Below -->


## Overview

Toast alerts are used to provide timely information about system occurrences as well as feedback on the outcome of user actions.

## Properties

| Property       | Attribute       | Description                                                      | Type                                           | Default     |
| -------------- | --------------- | ---------------------------------------------------------------- | ---------------------------------------------- | ----------- |
| `alignContent` | `align-content` | The content alignment inside the toast                           | `"center" \| "left" \| "right"`                | `'left'`    |
| `dismissible`  | `dismissible`   | If true, the toast can be dismissed by clicking the close button | `boolean`                                      | `false`     |
| `headline`     | `headline`      | The bolded first sentence of the toast                           | `string`                                       | `undefined` |
| `shake`        | `shake`         | If true, the toast will shake when it appears                    | `boolean`                                      | `false`     |
| `variant`      | `variant`       | sets the theme/color of the toast                                | `"danger" \| "info" \| "success" \| "warning"` | `'info'`    |


## Events

| Event          | Description                                                   | Type                |
| -------------- | ------------------------------------------------------------- | ------------------- |
| `certaraClose` | Event emitted when the toast is closed if dismissible is true | `CustomEvent<void>` |


## Slots

| Slot           | Description                                         |
| -------------- | --------------------------------------------------- |
|                | Default toast content                               |
| `"toast-ctas"` | Slot for additional call-to-action buttons or links |


## Dependencies

### Used by

 - [certara-toast-manager](../toast-manager)

### Depends on

- [certara-alert](../alert)

### Graph
```mermaid
graph TD;
  certara-toast --> certara-alert
  certara-alert --> certara-close-button
  certara-toast-manager --> certara-toast
  style certara-toast fill:#f9f,stroke:#333,stroke-width:4px
```

----------------------------------------------