DocsSupportPricing
Roadmap (has updates coming soon)XFigma3.4K
  1. Components
  2. Sonner
  3. Sonner 17

Shadcn Sonner 17

Multi-action invert toast with avatar group. Built by composing Avatar, Button, Separator. Uses sonner alongside the shadcn primitives. A free, open source shadcn sonner example you can install with npx shadcn@latest add @reui/c-sonner-17 and edit as your own code.

Multi-action invert toast with avatar group

Shadcn Components in Sonner 17

  • Avatar
  • Button
  • Separator

Dependencies

  • sonner

About Shadcn Sonner 17

Multi-action invert toast with avatar group. Built by composing Avatar, Button, Separator. Uses sonner alongside the shadcn primitives. A free, open source shadcn sonner example you can install with npx shadcn@latest add @reui/c-sonner-17 and edit as your own code.

What You Can Build With Shadcn Sonner 17

  • Composes Avatar, Button, Separator, so it drops into any project already using those components.
  • Install it with the shadcn CLI: npx shadcn@latest add @reui/c-sonner-17
  • Open source and free, with the full source on this page to copy or adapt.

More Shadcn Sonner Examples

  • Sonner 1 Basic toast notification.
  • Sonner 2 Toast notification with description.
  • Sonner 3 Toast positions
  • Sonner 4 Toast variants with colored icons
  • Sonner 5 Toast duration options
  • Sonner 6 Toast with action button
  • Sonner 7 Promise toast with loading state
  • Sonner 8 Toast with custom close and cancel buttons
  • Sonner 9 Toast with custom rich content
  • Sonner 10 Toast with upload progress simulation
  • Sonner 11 Toast with status alert markup
  • Sonner 12 Custom accent border toast

Related Shadcn Component Categories

  • Sortable

    Open-source shadcn sortable components for drag-and-drop lists, priority ranking, and reordering rows.

  • Spinner

    Open-source shadcn spinner components for loading indicators, async actions, and button states.

  • Stepper

    Open-source shadcn stepper components for multi-step forms, checkout flows, and onboarding.

  • Switch

    Open-source shadcn switch components for settings toggles, preferences, and binary choices.

  • Table

    Open-source shadcn table components for admin tables, data display, and responsive lists.

  • Tabs

    Open-source shadcn tabs components for segmented content, settings views, and dashboard sections.

Frequently Asked Questions

PreviousSonner 16NextSonner 18

Application

  • App ShellAdded a new AI chat app shell block
  • Auth
  • Card
  • Chart
  • Dashboard
  • Dialog
  • Empty State
  • Event Calendar
  • Form
  • GanttUpdated 4 Gantt blocks
  • Kanban Board
  • List
  • Navbar
  • Onboarding
  • Profile
  • Schedule
  • Settings
  • Sheet
  • Stats
  • Timeline
  • Wizard

Solutions

  • Agents
  • AI Ops
  • Analytics
  • Billing
  • Bookings
  • CRM
  • FilesAdded drag and drop upload to Drive Explorer
  • Inventory
  • Users

Templates

  • E-commerce
  • SaaS
  • Dashboard
  • Landing
  • All templates

eCommerce

  • Category Card
  • Checkout
  • Comparison
  • Coupon
  • Filter Sidebar
  • Product Card
  • Product Detail
  • Product Grid
  • Receipt
  • Review
  • Shopping Cart
  • Wishlist

Data Grid

  • Base
  • Columns
  • Drag & Drop
  • Editing
  • Expansion
  • Filtering
  • Grouping
  • Virtualization

Marketing

  • Blog
  • Contact
  • CTA
  • FAQ
  • HeroAdded 16 new hero blocks

Resources

  • Components
  • Blocks
  • Icons
  • MCP for Agents
  • Docs
  • Support
  • Pricing
  • Roadmap(has updates coming soon)
  • AffiliateSoon

Legal

  • Privacy Policy
  • Terms & Conditions
  • License
  • Refunds
  • Cookies

© 2026 ReUI. All rights reserved.

3.4K