Inline Notification
A static inline banner that communicates contextual feedback — informational, success, warning, or error. Renders as a live region so screen readers are notified automatically.
Info (default)
The default state. Use for neutral, informational messages that do not require immediate action.
<diwa-inline-notification state="info" heading="Update available" description="A new version of the workspace is ready. Refresh to apply the update."></diwa-inline-notification>All states
Each state carries a distinct colour treatment and icon to communicate semantic severity at a glance.
<diwa-inline-notification state="info" heading="Update available" description="A new version of the workspace is ready. Refresh to apply the update."></diwa-inline-notification><diwa-inline-notification state="success" heading="Profile saved" description="Your changes have been saved and synced across all devices."></diwa-inline-notification><diwa-inline-notification state="warning" heading="Storage almost full" description="You have used 90% of your available storage. Consider cleaning up old files."></diwa-inline-notification><diwa-inline-notification state="error" heading="Save failed" description="Could not save your changes. Check your connection and try again."></diwa-inline-notification>With action button
Set actionLabel to render a secondary action button. Clicking it emits the action event.
<diwa-inline-notification state="warning" heading="Session expiring" description="Your session will expire in 5 minutes. Save your work to avoid losing changes." action-label="Extend session"></diwa-inline-notification>Without dismiss button
Set dismissButton={false} for persistent notifications the user should not dismiss — e.g. read-only mode indicators or non-dismissible policy banners.
<diwa-inline-notification state="info" heading="Read-only mode" description="You do not have edit permissions for this workspace."></diwa-inline-notification>