# certara-alert



<!-- Auto Generated Below -->


## Properties

| Property       | Attribute       | Description                                                                                                                                                                                                                           | Type                                           | Default     |
| -------------- | --------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ---------------------------------------------- | ----------- |
| `alignContent` | `align-content` | The content alignment inside the alert                                                                                                                                                                                                | `"center" \| "left" \| "right"`                | `'left'`    |
| `dismissible`  | `dismissible`   | If true, the alert can be dismissed by clicking the close button                                                                                                                                                                      | `boolean`                                      | `false`     |
| `headline`     | `headline`      | The bolded first sentence of the alert                                                                                                                                                                                                | `string`                                       | `undefined` |
| `shake`        | `shake`         | If true, the alert will shake when it appears                                                                                                                                                                                         | `boolean`                                      | `false`     |
| `toast`        | `toast`         | Internal prop. If true, the alert will be displayed as a toast, fades and animates in, then typically disappears after a few seconds or is present until the user dismisses it. Preferable to use the certara-toast component instead | `boolean`                                      | `false`     |
| `variant`      | `variant`       | sets the theme/color of the alert                                                                                                                                                                                                     | `"danger" \| "info" \| "success" \| "warning"` | `'info'`    |


## Events

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


## Slots

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


## Dependencies

### Used by

 - [certara-form](../form)
 - [certara-idle](../idle)
 - [certara-toast](../toast)

### Depends on

- [certara-close-button](../close-button)

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

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