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

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.