Editable list pattern by field count

editable-list-pattern-by-field-count

Editable-list pattern by field count — dynamic add/remove when items ≤3 and inputs need no separate titles; editable table 2–5; collapsible panel 6–8; drawer when >8.

Description

Ant maps editable-list patterns to field count: dynamic add/remove when items are ≤3 and inputs need no separate titles; editable table for about 2–5; collapsible panel for 6–8; drawer when more than eight. Using a drawer for tiny sets, or title-free add/remove for huge ones, breaks those bands. Choose the shell that matches the count.

When to use

Building Ant editable lists or multi-field item editors by size.

Not when

Single-field forms that are not an editable list of items.

Agent hint

Match pattern to count: ≤3 add/remove, 2–5 table, 6–8 panel, >8 drawer.

Pass

Pattern matches the cited count band (≤3 add/remove; 2–5 table; 6–8 panel; >8 drawer).

Fail

Drawer for ≤3, or add/remove-without-titles for >8, against those bands.

Citations

Ant Design — Data entry ; Ant Design — Form research

https://ant.design/docs/spec/data-entry