Custom invert info toast with avatar

Custom invert info toast with avatar.

Library

ReUI

Framework

React

Type

block

License

MIT

Dependencies

sonner

Install

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

Files

• registry-reui/bases/radix/components/sonner/c-sonner-15.tsx
• registry/bases/radix/ui/avatar.tsx
• registry/bases/radix/ui/button.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 error toast with details
• 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