Skip to main content
import {showToast} from "attio/client"
A toast is a subtle, usually temporary, pop-up notification to let the user know that something is happening or has just happened.
These are useful to show when you are performing asynchronous actions such as loading or saving data.

​
API

TypeScript
async function showToast(options: Options): Promise<{
  hideToast: () => Promise<void>
}>

​
Returns

A Promise that resolves to an object containing:
​
hideToast
() => Promise<void>
By calling hideToast() you can imperatively hide the toast.
Useful if your toast was showing a “loading” or “saving” message.

​
Options

​
title
string
required
The title of the toast.
​
text
string
required
The text of the toast.
​
action
{ label: string, onClick: () => void }
An optional action button that can execute code if and when the user triggers it.
​
durationMs
number
How long to keep the toast open.Defaults to 4_000 (four seconds)
If you want the toast to remain open indefinitely, you can pass Number.POSITIVE_INFINITY.
Only do this if you do not have dismissable set to false!
​
dismissable
boolean
Whether or not to allow the user to dismiss the toast.Defaults to true.