@phase2/outline-alert
v0.1.10
Published
The Outline Components for the web alert component
Downloads
83
Readme
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. |