Sonner
Component
An opinionated toast component for React.
Installation
Install this component using the shadcn CLI with your preferred package manager
pnpm dlx shadcn@latest add @crenspire/sonnerUsage
Example code for using this component
Glass Effects Enabled
All toasts automatically use glass effects with color-coded borders (green for success, red for error, yellow for warning, blue for info).
Props
Component props and variants
This component supports the following variants:
- default - Standard styling
- glass - Glassmorphism effect (default)