Toast Example

How to use this separator

Props

No props in it ! It's a hook !

Playground

Import from filigran-ui :

Import {useToast} from 'filigran-ui'

Use the hook in the component :

const {toast} = useToast()

You can use it in your component :

<Button
        onClick={() => {
          toast({
            title: 'A title',
            description: 'My description',
            variant: 'destructive',
            action: <Button variant="outline">Click me</Button>
          })
        }}>
        Show Toast
      </Button>