Skip to content

Entry List

CSS

Rows slide in one after another, like entries posted to a ledger.

  • 01Invoice INV-0412Paid · ₹48,200
  • 02Invoice INV-0413Due 4 Nov · ₹12,750
  • 03Invoice INV-0414Draft · ₹6,900
  • 04Invoice INV-0415Overdue · ₹31,000

Install

$ npx shadcn@latest add https://spotcheckui.com/r/entry-list.json

No motion engine needed.

Usage

import { EntryList } from "@/components/spotcheck/entry-list"

<EntryList entries={invoices} stagger={90} />

It plays when it mounts. Change its key to play it again.

Props

  • entries * RequiredEntry[]Default —
  • staggernumberDefault 90Delay between rows, in milliseconds.

Keyboard

Nothing to operate: this component displays information.

Reduced motion

Rows appear at once.