Animated card status list
A compact status-list card for setup flows, imports, and background sync jobs. Each row can report completed, updated, or syncing states while exposing callbacks for retry, add, and back actions.
npx shadcn add @bjork-ui/animated-card-status-list
import { AnimatedCardStatusList } from "@/components/bjork-ui/cards/animated-card-status-list";const cards = [ { id: "1", title: "Import products from your store", status: "completed" }, { id: "2", title: "Unique selling points", status: "updates-found" }, { id: "3", title: "Company overview", status: "syncing" },];export function Demo() { return <AnimatedCardStatusList title="Fundamentals" cards={cards} />;}