About this piece
Activity Feed Card
A stacked activity feed where each row carries a tone-colored icon, a title, and a meta line.
Usage
The import and the props worth knowing about, in one place.
import { Notification18 } from "@/components/beste/piece/notification18";
<Notification18
items={[
{
"icon": {
"displayName": "CalendarCheck"
},
"title": "Nils Frahm confirmed",
"meta": "Intake at 09:00",
"tone": "emerald"
},
{
"icon": {
"displayName": "CreditCard"
},
"title": "Invoice paid",
"meta": "$1,240 by card",
"tone": "primary"
},
{
"icon": {
"displayName": "Bell"
},
"title": "Renewal due soon",
"meta": "3 members this week",
"tone": "amber"
}
]}
bordered={false}
/>