CADENCE
Find Your Stride
Find Your Stride
Production-grade toast system with multiple variants and features
Test all available toast variants with icons and colors
Test custom titles, promise handling, and multiple toasts
Code examples for implementing toasts in your application
// Success notification
toastSuccess({
description: 'Profile updated successfully!'
});
// Error notification
toastError({
description: 'Failed to save changes'
});
// Custom title
toastWarning({
title: 'Unsaved Changes',
description: 'Please save before leaving'
});// Automatic loading → success/error
await toastPromise(
saveProfile(),
{
loading: 'Saving profile...',
success: 'Profile saved!',
error: 'Failed to save profile'
}
);import { toastInfo } from '@/hooks/use-toast';
toastInfo({
title: 'New Feature',
description: 'Check out our new dashboard!'
});