Toast
A transient notification snack bar with accent variants.
Install
npx shadcn add @clearly/toastPreview
Live Toast component — see usage below.
Usage
import { Toast } from "@/components/ui/toast"
<Toast />Every Clearly component also accepts glass (subtle·medium·strong), specular and className.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
title | string | — | Toast heading (passed to toast() or toast.success() etc.). |
description | string | — | Body text. |
duration | number | 4000 | Auto-dismiss ms (Sonner default). |