---
title: Toast
airtableId: recenz4I2G0PsCCCI
---
import { RenderComponentWithSnippet } from "@/app/components/render"
import { Row } from "@/app/components/row"
import { BasicExample,RawToastComponents } from "./toast.basic.tsx"
import { VariantsExample } from "./toast.variants.tsx"

## Components

Toast raw components

<RawToastComponents/>

## Basic

Basic toast notifications.

<BasicExample/>

## Variants

Different variants of toast notifications.

<VariantsExample/>