A chronological feed of activity events. Supports a divider between items and RTL.
Loading demo: activity-real-world
npx sdaia-ui@latest add activity
import { Activity } from "@/components/ui/activity"<Activity />An activity feed showing a list of recent events.
Loading demo: activity-default
Activity feed with dividers separating each event.
Loading demo: activity-divider
Props for the Activity component.
Prop | Type | Default | Required |
|---|---|---|---|
items | ActivityItemProps[] | - | required |
divider | boolean | false | optional |
rtl | boolean | false | optional |
dir | "ltr" | "rtl" | — | optional |