Skip to content
aq-ui
Back to ComponentsComponent

Toast

Open-code aq-ui accessible component family for Toast.

Preview

This is a live example. Interact with the available controls and use the keyboard to inspect the component's states and behavior.

Loading interactive preview…

Installation

pnpm dlx aq-ui@alpha add toast

API reference

Client moduleView full source

Quick start

"use client"

import { toast } from "@/components/ui/toast"

Exports

  • createToastManager const
  • toast const
  • Toast const
  • ToastAction const
  • ToastClose const
  • ToastContent const
  • ToastDescription const
  • Toaster function
  • ToastPortal function
  • ToastProvider function
  • ToastTitle const
  • ToastViewport const
  • useToastManager const

Registry dependencies

button, utils

Package dependencies

@base-ui/react@^1.7.0, lucide-react@^1.31.0

Files

  • components/ui/toast.tsx

Source