Dual Listbox

Source: Figma — Lexicon Components. Two side-by-side lists joined by move arrows (→ ←). The right list has up/down reorder buttons (↑ ↓) in its bottom-right corner. Focused list gets a primary-l3 tint + primary-l2 border. Selected item uses primary-d2 fill.

Default — no selection
Available
  • Contracts
  • Invoices
  • Proposals
  • Reports
  • Statements
In Use
  • Amendments
  • Annexes
  • Exhibits
  • Schedules
  • Supplements
Left list focused · item selected
Available
  • Contracts
  • Invoices
  • Proposals
  • Reports
  • Statements
In Use
  • Amendments
  • Annexes
  • Exhibits
  • Schedules
  • Supplements
Right list focused · item selected
Available
  • Contracts
  • Invoices
  • Proposals
  • Reports
  • Statements
In Use
  • Amendments
  • Annexes
  • Exhibits
  • Schedules
  • Supplements