Alert
A contextual alert banner with severity levels, optional title, and dismiss support.
Import
import { Alert } from '@synapse-ui/alert';
Basic Usage
<synapse-alert severity="success" title="All done!"> Your changes have been saved. </synapse-alert>
Inputs
| Input | Type | Default | Description |
|---|---|---|---|
severity | 'info' | 'success' | 'warning' | 'error' | 'info' | Colour and icon theme |
title | string | undefined | — | Optional bold heading |
dismissible | boolean | false | Shows a × dismiss button |
Outputs
| Output | Payload | Description |
|---|---|---|
dismissed | void | Emitted when the × button is clicked |