Recent-events list where each row pairs a semantic action icon (create, update, delete, signup) with who did what.
The import and the props worth knowing about, in one place.
import { Dashboard4 } from "@/components/beste/piece/dashboard4";
<Dashboard4
surface="card"
bordered={false}
inverted={false}
events={[
{
"type": "signup",
"actor": "Nils Frahm",
"action": "joined"
},
{
"type": "create",
"actor": "Hania Rani",
"action": "created Project Orion"
},
{
"type": "update",
"actor": "Ólafur Arnalds",
"action": "edited Onboarding doc"
}
]}
/>