Follow Request

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

Jordan Reyes
Jordan Reyes@jordan.r12 mutual connections

New here? Read the installation guide.

Import & use
import { Notification8 } from "@/components/beste/piece/notification8";

<Notification8
  name="Jordan Reyes"
  username="jordan.r"
  initials="JR"
  mutualCount={12}
  image="https://images.unsplash.com/photo-1667063160344-58a0f325715a?w=100&auto=format&fit=crop&q=60&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1yZWxhdGVkfDM1fHx8ZW58MHx8fHx8"
/>

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.

@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.

Update availablev2.14.0
Restart to install new editor shortcuts and bug fixes.

Update Prompt

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

Elena Park
Elena Park2m
Just pushed the redesign. Take a look when you have a sec 🙌

Message Preview

Chat notification showing sender avatar, message snippet, timestamp, and an unread dot.

Stripereceipts@stripe.com
09:42
Your February invoice is readyYour usage for February 1 – 29 totalled $1,284.00. Payment will be collected on the 3rd.

Email Preview

Inbox row with sender, subject line, two-line body preview, attachment clip, and star.

Payment successfulYour invoice has been sent to billing@beste.co

Success Toast

Notification with a circled icon, title, description, and an optional action link.

Markdown version