# Table Inline Editing

Quick editing of the product catalog and inventory without opening modals.

- id: `table-inline-editing`
- Page: https://agentic-ui-kit.com/components/table-inline-editing
- Live preview: https://agentic-ui-kit.com/live/component/table-inline-editing

## Install

```bash
agentic-ui add table-inline-editing
npx shadcn@4.17.0 add @agentic-ui/table-inline-editing
```

## Metadata

- **Level:** block
- **Category:** block
- **Installable in:** Radix UI (registry variant new-york), Base UI (registry variant base-vega)
- **Capabilities:** inline-cell-editing, per-cell-validation, dirty-state-tracking, cell-type-renderers, revert-cell-and-row, batch-save, keyboard-navigation, gridcell-aria, empty-state-fallback, error-state-fallback, dark-mode
- **Intents:** create-edit, manage-collection, configure
- **Suits domains:** saas, operations, crm, finance, devtools
- **Interaction:** click-to-edit, keyboard-navigation, inline-validation, batch-save, discard-changes
- **Screen role:** management
- **Density:** medium
- **Dark mode:** yes
- **Use it for:** quick editing of the product catalog and inventory without opening modals, updating prices and quantities in financial orders in real time, management of team members and roles in a SaaS console, adjusting deployment variable configuration in a devtools panel
- **Avoid when:** long, highly complex step-by-step sequential forms, static read-only views with no editing capability
- **Preserve when adapting:** inline-edit-lifecycle, per-cell-validation-model, dirty-state-tracking, keyboard-cell-navigation
- **Replace when adapting:** schema-columns, cell-validators, domain-entity-records, domain-copy
- **Adaptation effort:** low
- **Coupling:** low
- **Quality breakdown:** visual 9/10, responsive 9/10, accessibility 9/10, code 9/10
- **Uses primitives:** table, button, input, badge
- **npm dependencies:** lucide-react
- **npm dependencies (registry):** clsx@^2.1.1, lucide-react@0.577.0, tailwind-merge@3.5.0