Bilal UI
Bilal UIalpha
Components

Toast

Succinct messages that are displayed temporarily using Sonner.

Last updated: March 11, 2026

Basic Toast

Trigger default, success, error, warning, and info toasts.

Action Toast

A toast with a description and an inline action button for reversible operations.

Toast With Description

Toast with title and supporting description text.

Toast With Action

Toast with inline action button.

Toast With Cancel

Confirmation toast with both action and cancel controls.

Toast Promise

Promise-driven loading, success, and error states.

Toast Loading

Manual loading toast updated into success.

Toast Long Duration

Toast with extended duration.

Toast Persistent

Toast that does not auto-dismiss.

Toast Custom Icon

Toast with emoji/icon decoration.

Toast Top Center

Toast shown at the top-center position.

Toast Top Right

Toast shown at the top-right position.

Toast Bottom Left

Toast shown at the bottom-left position.

Toast Multiple

Sequence of stacked toasts.

Toast Dismiss

Toast dismissed programmatically.

Toast Dismiss All

Spawn and clear multiple toasts.

Toast Custom Style

Toast styled with inline custom appearance.

Toast Custom Class

Toast themed through class overrides.

Toast Rich Content

Toast with richer JSX description content.

Toast Error With Retry

Error toast with retry action and async recovery flow.

Toast Update

Update an existing toast by id.