Toast

A succinct message that is displayed temporarily.

Preview

Code

Installation

CLI

Manual

npx shadcn@latest add @kanpeki/toast

Anatomy

import { toast } from "sonner";

toast("Hello, World!", {
  description: "This is a toast message.",
});

Examples

With Description

Preview

Code

Status

Preview

Code

Promise

Preview

Code

Custom

Preview

Code

TextField Toggle

On This Page

Installation
Anatomy
Examples
With Description
Status
Promise
Custom

Contribute