Comparison with Sonner web
toast():
| Property | Sonner Native | Sonner Web |
|---|
| description | ✅ | ✅ |
| closeButton | ✅ | ✅ |
| invert | ✅ | ✅ |
| important | ✅ | ✅ |
| duration | ✅ | ✅ |
| position | ✅ | ✅ |
| dismissible | ✅ | ✅ |
| icon | ✅ | ✅ |
| action | ✅ | ✅ |
| id | ✅ | ✅ |
| onDismiss | ✅ | ✅ |
| onAutoClose | ✅ | ✅ |
| unstyled | ✅ | ✅ |
| actionButtonStyle | ✅ | ✅ |
| cancelButtonStyle | ✅ | ✅ |
| cancel | ✅ | ✅ |
| action as JSX | ✅ | ✅ |
| loading | ✅ | ✅ |
| Headless | ❌ | ✅ |
| Dynamic position | ✅ | ✅ |
| important | ✅ | ✅ |
| warning variant | ✅ | ✅ |
Toaster:
| Property | Sonner Native | Sonner Web |
|---|
| theme | ✅ | ✅ |
| visibleToasts | ✅ | ✅ |
| position | ✅ | ✅ |
| closeButton | ✅ | ✅ |
| invert | ✅ | ✅ |
| toastOptions | ✅ | ✅ |
| gap | ✅ | ✅ |
| icons | ✅ | ✅ |
swipeToDismissDirection | ✅ | ❌ |
| dir | ❌ | ✅ |
| richColors | ✅ | ✅ |
| expand | 🕸️ | ✅ |
| offset | ✅ | ✅ |
| hotkey | 🕸️ | ✅ |
| loadingIcon | ✅ | ✅ |
| pauseWhenPageIsHidden | ✅ | ✅ |
| cn | 🕸️ | ✅ |
🕸️: Not applicable for native apps.