Toast

A brief message that appears temporarily to provide feedback about an action.

Import

import * as Toast from '@base-ui/react/toast';

Toast.Provider

Provides context for managing toasts.

Props

Toast.Root

Represents a single toast notification.

Props

Toast.Close

A button that closes the toast.

Toast.Title

The title of the toast.

Toast.Description

The description text of the toast.

Components API

Utilities API

Toast

Toast

Import

Toast.Provider

Props

Toast.Root

Props

Toast.Close

Toast.Title

Toast.Description

Build docs developers (and LLMs) love

Components API

Utilities API

Documentation Index

​Toast

​Import

​Toast.Provider

​Props

​Toast.Root

​Props

​Toast.Close

​Toast.Title

​Toast.Description

Build docs developers (and LLMs) love

Toast

Import

Toast.Provider

Props

Toast.Root

Props

Toast.Close

Toast.Title

Toast.Description