Toast & Tooltip

Toast notifications and customizable tooltips

Toast Notifications

📚 Powered by Sonner - an opinionated toast component for React

Custom Tooltips

📚 Built on Radix UI Tooltip with custom variants, sizes, and styling options

Basic Tooltips

Simple tooltips with different positions

Tooltip Variants

Color-coded tooltips for different contexts

Tooltip Sizes

Different sizes for various use cases

Long Content & Max Width

Tooltips with longer content are automatically wrapped

Delay Duration

Control how long before the tooltip appears

Arrow Options

Show or hide the tooltip arrow

Icon Button Tooltips

Common use case: tooltips on icon-only buttons

Rich Content

Tooltips can contain any React content

Alignment

Control the alignment of the tooltip