Toast

DaisyUI

Toast is a wrapper to stack elements, positioned on the corner of page.

Basic Toast

A single alert inside a toast, positioned relative to its container.

New registration.

Multiple Toasts

Stack multiple alerts inside a toast.

New email arrived.

Message sent successfully.

Placement

Position toast on any corner using horizontal and vertical props.

Top right toast

Code Example

use rsxui::components::{Toast, ToastHorizontal, ToastVertical};

use rsx_macros::rsx;

let html = rsx! {

    <div class="relative">

        <Toast horizontal={ToastHorizontal::End} vertical={ToastVertical::Top} class="absolute">

            <div class="alert alert-info">

                <span>"New mail arrived."</span>

            </div>

        </Toast>

    </div>

};

RsxUI

DaisyUI Components for Rust

Created by Isak Rickyanto@2026