Toast

component

Short-lived notifications in a fixed region, added on page load or by Turbo Streams, dismissed after a timeout or by the user.

Install

php bin/console ux:install toast \
    --kit=https://github.com/xormania/uxor:0.3.0

README Source

What it installs

Copies: assets/ → assets/
templates/ → templates/
Recipes: turbo
Composer: symfony/ux-icons
twig/extra-bundle
twig/html-extra:^3.24.0
symfony/ux-twig-component:^3.5
tales-from-a-dev/twig-tailwind-extra:^1.3.0

Examples (1)

Default

Light

Dark

Code

<twig:ToastRegion class="static max-w-sm">
    <twig:Toast variant="success" timeout="0">Order #1042 has been shipped.</twig:Toast>
    <twig:Toast variant="danger" timeout="0">The payment could not be processed.</twig:Toast>
</twig:ToastRegion>