Quasar Notify Playground

Use this local page to trigger Quasar-style notifications with captions, icons, avatars, spinner states, HTML content, grouped counts, auto-dismiss progress, custom actions, and updatable lifecycle examples.

Core payloads

Basic, caption, icon, avatar, and spinner notifications

These examples cover the plain payload, extra caption, visual marker variants, and spinner-based ongoing feedback.

Lifecycle controls

Multi-line, grouping, timeout, and progress examples

These examples exercise duplicate suppression, custom groups, disabled grouping, and auto-dismiss progress states.

Position controls

Positioning examples

Trigger the same notification in any screen position using labeled position buttons.

Positioning notification

Use icon buttons to launch the same notification at any supported screen position.

Advanced options

Actions, HTML, custom content, attributes, and updates

These examples show action buttons, rich HTML messages, custom partial content, ARIA attributes, and a notification that updates itself over time.

Type presets

Positive, negative, warning, info, and ongoing types

These buttons mirror the built-in notification types that Quasar exposes out of the box.