Custom invert error toast with details

Custom invert error toast with details.

Library

ReUI

Framework

React

Type

block

License

MIT

Dependencies

sonner

Install

npx shadcn@latest add @reui/c-sonner-14

Files

• registry-reui/bases/radix/components/sonner/c-sonner-14.tsx
• registry/bases/radix/ui/button.tsx
• registry/bases/radix/ui/separator.tsx
• app/(create)/components/icon-placeholder.tsx
• lib/icon-library-store.ts
• registry/icons/icon-lucide.tsx
• registry/icons/icon-tabler.tsx
• registry/icons/icon-hugeicons.tsx

Source

https://github.com/keenthemes/reui

Categories

• Feedback Components
• React Feedback Components
• Tailwind CSS Feedback Components
• Notification Components
• React Notification Components
• Tailwind CSS Notification Components
• Overlay Components
• React Overlay Components
• Tailwind CSS Overlay Components
• Toast Components
• React Toast Components
• Tailwind CSS Toast Components

More from ReUI

• Basic toast notification.
• Toast with upload progress simulation
• Toast with status alert markup
• Custom accent border toast
• Custom invert success toast
• Custom invert info toast with avatar
• Custom invert warning toast with countdown
• Multi-action invert toast with avatar group
• Toast with close button on top-right
• Toast with custom icon
• Toast notification with description.
• Custom integration toast