Sonner

An opinionated toast component for React.

Installation

Import from the package. Do not run shadcn add in your app.

import { Toaster } from "@carsxe/design-system/components/sonner"

Usage

import { Toaster } from "@carsxe/design-system/components/sonner"
import { toast } from "sonner"

<Toaster />
<Button onClick={() => toast("Event created")}>Show toast</Button>

API Reference

Prop	Type	Default
theme	"light" \| "dark" \| "system"	from next-themes