0.1.10 • Published 9 months ago
outline-alert
The Outline Alert component
Properties
| Property | Attribute | Type | Default | Description |
|---|
isInteractive | is-interactive | boolean | false | This is important context for screen readers. |
shouldShowIcon | should-show-icon | boolean | false | |
size | size | "small" \| "large" | "large" | |
status | status | "info" \| "warning" \| "error" \| "success" | "info" | |
Slots
| Name | Description |
|---|
default | The alert contents. |
header | The header in the alert. |
CSS Custom Properties
| Property | Description |
|---|
--outline-alert--error | background: The background color for the error alert. |
--outline-alert--info | background: The background color for the info alert. |
--outline-alert--success | background: The background color for the success alert. |
--outline-alert--warning | background: The background color for the warning alert. |