saturation/ui
DocsComponentsBlocksPages

Sections

IntroductionComponentsInstallationTheming

Components

ComponentsAccordionAI Chat InputAlertAnimated GroupAnimated NumberAvatarBadgeBorder TrailBreadcrumbButtonButton GroupCalendar PickerCardChartCheckboxCollapsibleComboboxCommandContext MenuCredit CardData TableDate PickerDialogDropdown MenuEmptyFieldFiltersFull CalendarGlow EffectInputInput GroupInput OTPItemKanbanKbdMenubarNovel EditorPaginationProgressProgressive BlurRadio GroupSelectSeparatorSheetSkeletonSliderSonnerSpinnerSpotlightSwitchTableTabsText EffectText ShimmerTextareaToggleToggle GroupTreeTypography
Docs/Components/Sonner

Sonner

Toast notifications powered by Sonner.

Loading...

Installation

pnpm dlx shadcn@latest add @saturation/sonner

Usage

import { toast } from "sonner"
toast("Event has been created")

Examples

Success

Loading...
Success toast.

Error

Loading...
Error toast.

Action

Loading...
Toast with action button.

API Reference

PropTypeDefaultDescription
message*string—Toast message.
descriptionstring—Optional description.

On This Page

  • Installation
  • Usage
  • Examples
  • Success
  • Error
  • Action
  • API Reference