Crud Companies 5 - Inline edit rowPro
A companies table where the edit action turns the row itself into inputs with save and cancel controls, supporting Enter to save and Escape to cancel. Use it for quick corrections to a few fields without opening a dialog.
About Crud Companies 5
A companies table where the edit action turns the row itself into inputs with save and cancel controls, supporting Enter to save and Escape to cancel. Use it for quick corrections to a few fields without opening a dialog.
Crud Companies 5 is a pro crud companies block for React, built on shadcn/ui and Tailwind CSS. It ships as 113 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
- inline-edit
- table
- keyboard
- admin
Installation
- Add the Chocolate UI registry to your
components.json(see the installation guide). - Run the shadcn CLI:
npx shadcn@latest add @chocolate/crud-companies-05Dependencies installed automatically: lucide-react.
Uses: button, input, reveal, table, utils.
Usage
import CrudCompanies05 from "@/components/blocks/crud-companies-05"
export default function Page() {
return <CrudCompanies05 />
}