Components
Sonner

Sonner

The Sonner component is an opinionated toast notification system for React, built on top of Sonner. Unlike the built-in Toast component, Sonner offers a more streamlined and customizable approach to notifications, with predefined styles and behaviors. It enhances user experience by delivering timely alerts and messages while providing developers with an easy-to-implement, consistent notification solution.

Configurable Props

<Sooner>

Prop

Type

Default/ Options

Description

position

"top-left" | "top-center" | "top-right" | "bottom-left" | "bottom-center" | "bottom-right"

"bottom-right"

Determines the swipe direction based on the position.