Viora LogoViora UI
Login

Toast Demo

A beautiful toast notification component with smooth animations.

demo-toast-demo.tsx
Loading source code...

Installation

pnpm dlx viora-ui add toast
npx viora-ui add toast
yarn viora-ui add toast
bunx --bun viora-ui add toast

Usage

import { ToastDemo } from "viora-ui";
import { ToastDemo } from "viora-ui";

export default function ToastDemoDemo() {
  return (
    <div className="flex min-h-[350px] w-full items-center justify-center p-6">
      <ToastDemo />
    </div>
  );
}

API Reference

Toast

PropTypeDefaultDescription
titlestring-Configuration for title.
descriptionstring-Configuration for description.
action?React.ReactNode-Configuration for action.
onClose?() => void-Callback fired on close event.

Built by Otis

Last updated: 9/13/2026