Sonner
An opinionated toast component for PRISM.
// src/components/ui/sonner.tsx — an opinionated toast. Same island as Toast; stacks bottom-right,
// supports success/error/loading variants by swapping the leading icon + border color.
Installation
$ bext ui add sonner
Copy and paste the following into src/components/ui/sonner.tsx.
// src/components/ui/sonner.tsx — an opinionated toast. Same island as Toast; stacks bottom-right,
// supports success/error/loading variants by swapping the leading icon + border color.
This component is interactive — make sure the shared island is loaded (see Islands). It reacts to data-ui="sonner" hooks.
On This Page