# Numbered item
> Generated from numbered-item.contract.json — do not edit by hand.

The numbered wrapper for a repeatable composite item — a grey card with a muted number chip, a "<Label> N" header, a hover delete, and a body slot (SETTINGS-43).

Tier: **leaf-lit**. Frameworks: HTML (paste-and-run, no build step) · React · Vue 3.

Surfaces: editor, settings.

## Props
| Prop | Type | Default | Notes |
| --- | --- | --- | --- |
| `variant` | contained | plain | `contained` | contained = grey card (composite items); plain = no fill (single-field items only) |
| `n` | number | `—` | The item's number, shown in the chip and the header |
| `label` | string | `—` | Header noun — rendered as "<Label> N" |
| `deletable` | boolean | `false` | Show the hover delete; omit / false hides it entirely |
| `candelete` | boolean | `true` | false disables the delete (at the minimum item count) without hiding it |
| `collapsible` | boolean | `false` | Show a header caret that collapses the body in place (the QuestionList case) |
| `delete` | CustomEvent<{n}> | `—` | Composed event when the delete is pressed; read e.detail.n |
| `toggle` | CustomEvent<{collapsed}> | `—` | Composed event when the collapse caret is toggled; read e.detail.collapsed |

## Visual standard (measured)
- Contained: whole item in ONE #F7F7F7 grey card, radius 12, no border, padding 12
- Chip: 22px muted-grey pill (#F1F1F1 / #4A4A4A), semibold 12 — never radical-purple
- Header: chip + "<Label> N" title (semibold 14) + hover delete
- Delete: tertiary text trash (system-trash), hover-only, space reserved; #F5222D on hover
- deletable=false: the delete control is hidden entirely (non-removable item)
- candelete=false: the delete is shown but disabled (minimum-count case)
- Plain: no fill — for SINGLE-FIELD items only

## When to use
- **Numbered item** — a repeatable COMPOSITE item — more than one field, or a nested option list (a Question, a Card, a Round)
- **Option row** — a flat list of single values — not wrapped in a numbered card
- **Plain variant** — a single-field repeatable item that does not warrant a grey card

This is the ONE exception to "never a container around settings" (SETTINGS-15): it wraps a repeatable composite item, not plain settings. A composite item must keep the contained grey card — dropping the fill (plain, or a hand-rolled header over a fill-less body) is a build mistake (SETTINGS-43). The chip is muted grey, never a purple badge.