HomeDocsComponentsDirectoryColors
Sections
  • Introduction
  • Components
  • Installation
  • Theming
  • CLI
  • RTL
  • Skills
  • MCP Server
  • Forms
  • Typeset
  • Changelog
Components
  • Accordion
  • Alert
  • Alert Dialog
  • Aspect Ratio
  • Attachment
  • Avatar
  • Badge
  • Breadcrumb
  • Bubble
  • Button
  • Button Group
  • Calendar
  • Card
  • Carousel
  • Chart
  • Checkbox
  • Collapsible
  • ColorPicker
  • Combobox
  • Command
  • Context Menu
  • Curves
  • Data Table
  • Date Picker
  • Dialog
  • Drawer
  • Dropdown Menu
  • Empty
  • Field
  • FontPicker
  • Form
  • Gradient Picker
  • Hover Card
  • Input
  • Input Group
  • Input OTP
  • Item
  • Kbd
  • Label
  • Marker
  • Menubar
  • Message
  • Message Scroller
  • Native Select
  • Navigation Menu
  • Number Field
  • Pagination
  • Pin Input
  • Popover
  • Progress
  • Questionnaire
  • Radio Group
  • Range Calendar
  • Resizable
  • Scroll Area
  • Select
  • Separator
  • Sheet
  • Sidebar
  • Skeleton
  • Slider
  • Sonner
  • Spinner
  • Stepper
  • Switch
  • Table
  • Tabs
  • Tags Input
  • Textarea
  • Toast
  • Toggle
  • Toggle Group
  • Tool Rail
  • Tooltip
  • Tree
  • Typography
  • Vector Pad
Directory
  • Directory
Forms
  • VeeValidate
  • TanStack Form
  • Formisch
Registry
  • Registry
  • Examples
  • FAQ
  • Getting Started
  • registry-item.json
  • registry.json
Utilities
  • scroll-fade
  • shimmer
Get Started
  • Installation
  • components.json
  • Theming
  • Dark Mode
  • CLI
  • JavaScript
  • RTL
  • Figma
  • Legacy Docs
  • Skills
  • Typeset
  • Utilities

Toast

PreviousNext

A succinct message that is displayed temporarily.

Docs API Reference
The toast component has been deprecated.

See the sonner documentation for more information.

If you're looking for the old toast component, see the old docs for more information.

TextareaToggle
The source code is available on GitHub .