Behaviour Lab Design System

Toast

Display toast notifications with custom styling and animations.

Toast Variants

Click the buttons below to see different toast variants in action.

Special Features

Toast with special behaviors and interactions.

Usage

import { toast, ToastTypeEnum } from '@blab-atlas/ui/sonner'

// Basic usage
toast({
  type: ToastTypeEnum.Success,
  text: 'Success!',
  description: 'Your action was completed.'
})

// With button
toast({
  type: ToastTypeEnum.Info,
  text: 'Action required',
  button: {
    label: 'Continue',
    onClick: () => console.log('clicked')
  }
})

// Non-closeable
toast({
  type: ToastTypeEnum.Warning,
  text: 'Important',
  notCloseable: true
})