Toast Styles Gallery

All toast styles and configurations displayed statically

Basic Toast Types - Light Theme

This is a default toast

Operation completed successfully!

Something went wrong. Please try again.

Please review your input before continuing.

New features are available in your account.

Upload Complete

Your files have been uploaded successfully.

Processing Payment

Please wait while we process your transaction...

New Update Available

Version 2.0 includes performance improvements.

Payment Failed

Your credit card was declined.

Please check your payment details and try again.

Event has been created

Changes saved

Rich color success toast

Error Occurred

Something went wrong. Please try again.

Please review your input before continuing.

New features are available in your account.

Toast with custom rocket icon

Toast with custom heart icon

Toast with custom star icon

Bold, italic, and underlined text

Payment Successful

Transaction ID: TXN-12345

Visit our documentation

Learn more about using Phoenix.HTML.raw()

Mixed Content Example

This message is escaped: <b>Not Bold</b>

But this has HTML formatting!

⚠️ HTML content rendered using Phoenix.HTML.raw() - only use with trusted content!

Dark theme success toast

Error

Dark theme error with title

System Update

Maintenance scheduled for tonight at 2 AM.