Integration
The reusable implementation is split across @components/datatable-1.tsx, @components/datatable-1-pagination.tsx, @components/datatable-1-toolbar.tsx.
The registry also includes app/datatable-1/page.tsx as a complete preview route; an existing application can keep the reusable component files without adopting that route.
Example content is isolated in @components/data/datatable-1-data.ts (User, usersData); replace those fixtures with application data rather than editing layout markup in several places.
@components/datatable-1.tsx, @components/datatable-1-pagination.tsx, @components/datatable-1-toolbar.tsx declare a client boundary for state, measurement, or browser interaction.
This item composes motion-checkbox-check from the same catalog; the upstream registry dependency installs it with the block.
