Sonner Position 5 - Bottom center position

Pro

Sonner toast positioned at the bottom center of the viewport.
Shadcn Sonner Position 5 component

Component data

ID
sonner/sonner-position-5
Access
pro
Created
Oct 5, 2025
Type
example
Libraries
Radix UI, Base UI, React Aria

Sonner Position 5 component design & features

This sonner example uses the shadcn Sonner component with position set to bottom-center. The toast appears along the bottom edge, centered horizontally.

Bottom-center sonner components work on mobile layouts and pages where top and corner chrome would hide a toast.