CRM contactsPro

• Search and filters
• Expandable rows
• Bulk email, tag, delete with undo
• CSV export

• Any record list people act on in bulk.

• Read-only lists.

Import it from @/components/blocks/crm-contacts after installing. It ships with sample data, so it renders straight away; swap in your own data when you're ready.

import { CrmContacts } from "@/components/blocks/crm-contacts";

export default function Page() {
  return (
    <main className="mx-auto max-w-6xl p-6">
      <CrmContacts />
    </main>
  );
}

• Inherits the data table's labelled controls and aria-sort.

• Rows expand smoothly; the bulk bar slides up.

• Rows become cards below 640px.

• Sample data is plain arrays at the top of the file. Replace them with your API data and keep the shapes.

• Move bulk actions to server actions and keep the toast with undo.