Component
Alert
A persistent message about the state of the page.
import { Alert } from '@loidolt/theme-svelte';
Example
Import complete
Nothing needs your attention.
Preview ready
All geometry checks passed.
Material warning
Two layers exceed the sheet width.
Export blocked
Resolve document errors before export.
Props
Generated from the component source, so it cannot drift from the implementation.
| Prop | Type | Default | Notes |
|---|---|---|---|
children | Snippet | — | |
class | string | — | |
headingLevel | HeadingLevel | 3 | Heading element used for the title, so the alert fits the page outline. |
ref bindable | HTMLDivElement | null | null | |
title | string | Snippet | — | Optional heading. Accepts a snippet for rich content; omit it for a body-only alert. |
variant | StatusVariant | 'info' |
Plus the attributes of Omit<HTMLAttributes<HTMLDivElement>, 'title'>, forwarded to the root element.