Update Prompt

Software update card with version chip, changelog blurb, and a later or install action row.

Update availablev2.14.0

Restart to install new editor shortcuts and bug fixes.

Import & use

import { Notification9 } from "@/components/beste/piece/notification9";

<Notification9
  title="Update available"
  version="v2.14.0"
  description="Restart to install new editor shortcuts and bug fixes."
  action="Restart now"
  tone="sky"
/>

More Notification pieces

View all Notification

Access request

Noah Reyes wants the records role

Approval Request Toast

An actionable notification card with an icon tile, a request line, and a pair of approve and decline buttons.

Jordan Reyes@jordan.r12 mutual connections

Follow Request

Incoming request card with avatar, handle, mutual-connections line, and accept or decline buttons.

@maya.dev mentioned you in #design-reviewCan you take a look at the new pricing layout when you're free?5m ago

Mention Alert

You-were-mentioned card with the channel context and the quoted message.

Weekly product syncToday, 14:00 – 14:30

in 10 min

Google Meet6

Calendar Reminder

Upcoming-meeting card with a starts-soon pill, video location, and attendee count.

Uploading64%

product-hero-final.mp4

Upload Toast

Live progress card with spinner, percent, filename, and a cancel × at the end of the row.

Deployed42s

fix: resolve cart rounding edge case

a1b2c3d·main

Deployment Toast

CI/CD status card with branch, short commit sha, duration, and a building or failed state.