Toast

Free + Pro

Enhanced toast notification component with smooth animations, customizable positioning, auto-dismiss functionality, and advanced toast queue management. Perfect for modern user feedback and notification systems.

Unlock Advanced Toast Features

Get access to powerful pro features that enhance your toast component with advanced capabilities, premium styling options, and optimized performance.

  • Advanced animations and interactions
  • Enhanced customization options
  • Premium visual variants

Pro Features

Unlock advanced capabilities with the Pro version

Advanced Animations

Smooth entry, exit, and interaction animations with custom easing

Global State Management

Centralized toast state with advanced queue management

Custom Templates

Create reusable toast templates for consistent messaging

Progress Tracking

Show progress bars for long-running operations

Notification Center

Built-in notification history and management

Rich Content

Support for images, icons, and complex layouts

Installation

Install via CLI

moonui add toast

Usage

Basic Usage

Pro Required

Pro Usage

PRO
Pro Required

Examples

Basic Usage

Simple toast notification

Variants

Different toast variants for different purposes

With Action

Toast with action button

Duration Control

Control how long toasts are displayed

Programmatic Control

Control toasts programmatically

Toast Stack

Multiple toasts with queue management

Form Validation

Using toasts for form feedback

Login Form

Notification Center

Toast-based notification system

Notification Center

3