Crud Companies 9 - Import preview tablePro

A CSV import step that parses pasted rows into a preview table, flags invalid or duplicate records, lets users skip rows and imports only the valid selection. Use it as the review screen of a bulk company import flow.

About Crud Companies 9

A CSV import step that parses pasted rows into a preview table, flags invalid or duplicate records, lets users skip rows and imports only the valid selection. Use it as the review screen of a bulk company import flow.

Crud Companies 9 is a pro crud companies block for React, built on shadcn/ui and Tailwind CSS. It ships as 126 lines of TypeScript you own: every piece of copy is a prop with a sensible default, so you can drop it in and replace the content without touching the layout.

  • crud
  • companies
  • import
  • csv
  • preview
  • validation

Installation

  1. Add the Chocolate UI registry to your components.json (see the installation guide).
  2. Run the shadcn CLI:
npx shadcn@latest add @chocolate/crud-companies-09

Dependencies installed automatically: lucide-react.

Uses: badge, button, checkbox, reveal, table, textarea, utils.

Usage

import CrudCompanies09 from "@/components/blocks/crud-companies-09"

export default function Page() {
  return <CrudCompanies09 />
}

FAQ