Duskmoon UI · Storybook

Toast dm_toast / dm_toast_container

## Overview Toast notification component using CSS classes from `@duskmoon-dev/core`. Renders individual toast notifications and positioned containers. No custom element. ## Usage ```elixir <.dm_toast_container position="top-right"> <.dm_toast type="success" title="Saved" open> Your changes have been saved. </.dm_toast> </.dm_toast_container> ```

Type Variants

Information

This is an informational message.

Success

Operation completed successfully.

Warning

Please review before proceeding.

Error

Something went wrong.

Filled Variants

Info

Filled info toast.

Success

Filled success toast.

Warning

Filled warning toast.

Error

Filled error toast.

With Close Button

Dismissible

Click the close button to dismiss.

Error

Filled toast with close button.

Without Title

A simple info notification without a title.

Simple success message, no icon or title.

Default (No Type)

Notification

A neutral toast without any type styling.