Components

Overview

Text input with an Add button that appends each entry to a list beneath it, where every row can be deleted individually. Use it when users build up their own list of free-text values rather than picking from a fixed set.

The entry list has a fixed height (--opus-list-field-height, 200px by default) and scrolls inside it, so several of these stack in one form with predictable spacing no matter how many entries each one holds.

When to use

• Building a list of names, labels, or notes that grows one entry at a time.
• Editing an ordered set of free-text values where any single row must be removable.
• Situations where chip-style inline tokens would be too compact to read or edit.

Prefer Chip input when the values are short and should stay inside the input box, and Dual list builder when users choose from predefined options instead of typing their own.

Props

Interaction

• Type an entry, then press Enter or click Add to append it.
• Entries are trimmed, and an exact duplicate is skipped rather than added twice.
• Click × on a row to remove just that entry.
• Drag a row onto another to move it to that position, or drop it below the last row to send it to the end; the entries scroll inside a fixed-height list with an always-visible scrollbar.
• The add button is disabled while the draft is blank.

Accessibility

• Wrapped in FieldShell for label, help, error, and required wiring.
• The entry list is a ul with its own accessible name, and remove controls are real buttons labelled Remove {entry}.

Related

• Chip input
• Dual list builder
• Transfer list