Sonner Position 2 - Top center position

Pro

Sonner toast positioned at the top center of the viewport.
Shadcn Sonner Position 2 component

Component Data

  • ID:sonner/sonner-position-2
  • Access:pro
  • Created:Oct 5, 2025
  • Type:example

Sonner Position 2 component design & features

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

Top-center sonner components work well for global banners and page-level confirmations that should stay clear of side navigation.