Search
Search components and blocks
Table
The shadcn Table with staggered row entrance and exit animations, paired with the Checkbox and Button components for row selection and bulk actions.
0 of 4 selected
| Name | Role | Actions | ||
|---|---|---|---|---|
| Ava Chen | ava@ditherui.dev | Admin | ||
| Liam Cole | liam@ditherui.dev | Editor | ||
| Maya Patel | maya@ditherui.dev | Viewer | ||
| Noah Reyes | noah@ditherui.dev | Editor |
Install
$ pnpm dlx shadcn@latest add @ditherui/table
Props
PropTypeDefault
TableRow layoutbooleantrueTableRow initial / animate / exitmotion variants—TableBody / TableRowHTMLMotionProps<"tbody"> / HTMLMotionProps<"tr">—When to use the table
Use the table for lists of records people scan and compare: members, invoices, logs. Rows fade and slide in on mount, and a striped variant suits dense data where dividers add noise.
Run the shadcn CLI with the DitherUI table name. The source is copied into your project, so you can change the row animation or styles directly.