Toast

A transient notification snack bar with accent variants.

Install

npx shadcn add @clearly/toast

Preview

Usage

import { Toast } from "@/components/ui/toast"

<Toast />

Every Clearly component also accepts glass (subtle·medium·strong), specular and className.

Props

PropTypeDefaultDescription
titlestring—Toast heading (passed to toast() or toast.success() etc.).
descriptionstring—Body text.
durationnumber4000Auto-dismiss ms (Sonner default).