Component
Toast
Brief notifications that appear temporarily. Use for feedback on user actions.
tsx
import { ToastProvider, useToast } from 'wss3-forge' // Wrap app with ToastProvider<ToastProvider position="bottom-right"> <App /></ToastProvider>Usage
•
Wrap app with ToastProvider
•
Use success for completed actions
•
Use error for failures with explanation
•
Toasts auto-dismiss after a few seconds
•
Position can be customized
Examples
Toast Variants
Success
Operation completed
Error
Something went wrong
Warning
Please review
Info
New update available
tsx
1<VStack gap="md">2 <SimpleToast type="success" title="Success" message="Operation completed" />3 <SimpleToast type="error" title="Error" message="Something went wrong" />4 <SimpleToast type="warning" title="Warning" message="Please review" />5 <SimpleToast type="info" title="Info" message="New update available" />6</VStack>Title Only
Changes saved successfully
Failed to delete item
tsx
1<VStack gap="md">2 <SimpleToast type="success" title="Changes saved successfully" />3 <SimpleToast type="error" title="Failed to delete item" />4</VStack>Previous
SplashScreen
Next
BarChart
Last updated: December 2025