CSC-24081 · Central Office
ApprovedCOMPONENTS / DATA DISPLAY
Data tables
Sortable, searchable tables with an optional card layout.
standardv1.0.0verifiedFigma not linked
Demonstration data only.
| Sample Applicant A | CSC-24081 | Central Office | Approved | |
| Sample Applicant B | CSC-24082 | NCR | Pending | |
| Sample Applicant C | CSC-24083 | Region VII | Approved | |
| Sample Applicant D | CSC-24084 | CAR | Review | |
| Sample Applicant E | CSC-24085 | BARMM | Pending |
Page 1
Design variations
Standard
Compact
Spacious
Card layout
Implementation
// npx github:rbillyjames0221/csc-ui init
import '@csc/ui/styles.css';
import { DataTable } from '@csc/ui';
export function Example() {
return (
<DataTable variant="standard" />
);
}Agent prompt
Copy a prompt for this component from the AI Development Hub.
When to use it
Sortable, searchable tables with an optional card layout.
Dependencies: @tanstack/react-table. Source: packages/ui/src/table.tsx. 1.0.0 — Standard, dense, spacious, and card tables.