Sonner Position 1 - Top left position

Pro

Sonner toast positioned in the top left of the viewport.

Shadcn Sonner Position 1 component

Component Data

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

Sonner Position 1 component design & features

This sonner example uses the shadcn Sonner component with position set to top-left. The toast appears in the upper left corner instead of the default placement.

Top-left sonner components keep toasts away from right-side nav, account menus, and notification bells.