Matcha UI
DocsInstallIcons

Start

  • Introduction
  • Installation
  • Phosphor icons
  • Design tokens

Components

  • Accordion
  • Alert
  • Alert Dialog
  • Avatar
  • Badge
  • Breadcrumb
  • Button
  • Card
  • Line Chart Card
  • Bar Chart Card
  • Donut Chart Card
  • Checkbox
  • Command
  • Dialog
  • Dropdown Menu
  • Input
  • Label
  • Navigation Menu
  • Pagination
  • Popover
  • Progress
  • Radio Group
  • Scroll Area
  • Select
  • Separator
  • Sheet
  • Skeleton
  • Slider
  • Sonner (Toast)
  • Switch
  • Table
  • Tabs
  • Textarea
  • Collapsible
  • Sidebar navigation
  • Page header
  • Empty state
  • KPI card
  • Data table toolbar
  • Tooltip
← All components

Sonner (Toast)

Stacked toast notifications for async feedback.

Example

import { Toaster } from "matcha-ui";
import { toast } from "sonner";

// In your root layout:
<Toaster richColors closeButton />

// Anywhere in the app:
toast.success("Workspace created");

Created by Jacob Olenick & DesignOps Studio