LiveKit docs › Components › Toast

---

# Toast

The `Toast` component is a rudimentary way to display a message to the user. This message should be short lived and not require user interaction. For example, displaying the current connection state like `ConnectionStateToast` does.

## Import

```typescript
import { Toast } from "@livekit/components-react";

```

## Usage

```tsx
<Toast>Connecting...</Toast>

```

---

This document was rendered at 2026-06-07T11:32:17.239Z.
For the latest version of this document, see [https://docs.livekit.io/reference/components/react/component/toast.md](https://docs.livekit.io/reference/components/react/component/toast.md).

To explore all LiveKit documentation, see [llms.txt](https://docs.livekit.io/llms.txt).