Expandable Data Row
A polished table component with fluid accordion row unfolding, revealing deep metadata, audit activity feeds, and quick actions, with automatic card restructuring on mobile viewports.
User & Account
Status
Revenue
Date Added
Details
Account Metadata
Plan TierEnterprise Plus
LocationSan Francisco, CA
Payment MethodVisa •••• 8841
Last Active12m ago
Recent Activity
Upgraded team seat quota to 50 members
2 hours agoGenerated production API key for US-East cluster
YesterdayCompleted SAML SSO authentication setup
3 days agoActions
Ref: usr_01
Installation
Add the component directly to your repository using shadcn CLI:
npx shadcn@latest add Surajmaurya1/easyui/expandable-data-row
API Reference
| Prop | Type | Default | Description |
|---|---|---|---|
| items | DataRowItem[] | [...] | Data records with user, status, revenue, and metadata |
| allowMultiple | boolean | false | Permit multiple expanded rows concurrently |
| defaultExpandedIds | string[] | ['usr_01'] | Initially expanded row identifiers |
| isLoading | boolean | false | Displays pulse skeleton loaders during data fetch |
| onRowAction | (action: string, row: DataRowItem) => void | undefined | Callback fired on row action buttons |