Walnut Legal Data Table
A warm, library-inspired data table for legal case management.
Features
- Eight sample cases — Complete legal case directory with multiple data columns
- Status badges — Color-coded Active, Pending, Closed, and Urgent states
- Search and filter — Top bar with search input and filter button
- Pagination — Bottom controls for navigating through records
- Editorial aesthetic — Merriweather serif headings, parchment textures, warm tones
- Alternating rows — Subtle warm-toned striping for readability
- Light & dark mode — Parchment light, walnut-dark variant
Dependencies
@remixicon/react — Scales, search, arrow, and filter icons
@/components/ui/badge — Status and type badges
@/components/ui/button — Action and pagination buttons
@/components/ui/card — Table container
@/components/ui/separator — Visual dividers
Customization
- Edit case data in the
cases array
- Adjust warm palette via inline color values
- Add/remove columns as needed