Message Preview

Hania Rani
Hania Rani
Just pushed the redesign. Take a look when you have a sec.
About this piece

Message Preview

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

Usage

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

import { Notification4 } from "@/components/beste/piece/notification4";

<Notification4
  sender="Hania Rani"
  message="Just pushed the redesign. Take a look when you have a sec."
  initials="HR"
  unread={true}
  image="https://images.unsplash.com/photo-1717853358193-216ad30189ab?w=80&auto=format&fit=crop&q=60&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxzZWFyY2h8Mnx8ZWxlbmF8ZW58MHx8MHx8fDA%3D"
  bordered={false}
/>

More Notification pieces

View all Notification
Stripe
Your February invoice is readyYour usage for February totalled $1,284.00. Payment will be collected on the 3rd.
@maya.dev mentioned you in #design-reviewCan you take a look at the new pricing layout when you're free?
3 new likeson your post about shipping velocity
Alex repliedin the #launch-prep thread
Daily standupstarts in 10 minutes
Ólafur Arnalds
Ólafur Arnalds@olafur

Notifications

Nothing new right now

Linear
Linear
New issue assignedCrash on checkout submit