jsp-dsv0.1

Toastshadcn

A brief confirmation in the corner (sonner).

Feedback
Install
npx shadcn add sonner
Import from
@/components/ui/sonner
Guidance
draft · v0.1.0

Examples

As installed from shadcn – rendering in jsp-ds tokens through the bridge.

A short confirmation that doesn't need a reply. It follows data-mode (ISS-07).

Guidance

When to use

  • A short confirmation of something the person just did: Saved, Invite sent.
  • With an Undo action for something reversible.

When not to use

  • Errors that need fixing – show them where the problem is.
  • Anything people must read later – it disappears.

Rules

  • One short sentence. No title unless there's a description too.
  • Pass theme from the mode so it follows data-mode (ISS-07).

Install

Terminal
npx shadcn add sonner
Import
import { Toaster } from "@/components/ui/sonner"

From shadcn’s own registry. Don’t edit the installed file – jsp-ds styles it through the bridge, and fixes go in styles/overrides.css with an issue.