Toasts

Below is a collection of lightweight, customizable and modern toast notification components

Installation

$ pnpm dlx shadcn@latest add https://pulseui-henna.vercel.app/registry/Toaster.json
$ pnpm dlx shadcn@latest add https://pulseui-henna.vercel.app/registry/toast.json

Usage

Add the below code to top of file inside return()

Add the below code to the onClick event listener of any button

Props

Toaster

PropTypeDefaultValues
position
string
-

"top-center" | "bottom-center" | "top-left" | "top-right" | "bottom-left" | "bottom-right"

Description of toast function

The toast function takes an object as an argument which has the following properties

PropertyTypeisCompulsoryDescription
message
string
true
The toast message that will be displayed