Single Toast Card

New booking confirmed

Max Richter at 09:00

About this piece

Single Toast Card

A compact single-line toast with a tone-colored icon, a title, and a meta line.

Usage

The import and the props worth knowing about, in one place.

import { Notification19 } from "@/components/beste/piece/notification19";

<Notification19
  surface="card"
  bordered={false}
  inverted={false}
  title="New booking confirmed"
  meta="Max Richter at 09:00"
  tone="primary"
/>

More Notification pieces

View all Notification

Access request

Joep Beving wants the records role

Linear
Linear
New issue assignedCrash on checkout submit
Your card was declinedUpdate the payment method on file to retry the charge.
Beste v3 is now in open beta
Early access to the new editor, theming, and live previews.
Achievement unlockedShipped 10 pull requests this week
+250 XP
Payment successfulYour invoice has been sent to [email protected]