Add a generic SearchableMultiSelect

Aperta
  • Qualcosa non va?
#259 1 commento 0 reazioni 0 assegnatari Vedi su GitHub

@pasevin ci sta già lavorando.

Dal 12/11/2026.

  • #261 di @pasevin — aperta

Valutazione

Difficoltà
4/5
Tempo stimato
3-5 giorni
Idoneità per principianti
57/100
Tipo di issue
Funzionalità
Chiarezza
Abbastanza chiara
Stato di attività
Attiva
Stack tecnologico
react, typescript
Ambito
developer-experience, frontend

Direzione di ricerca

Start by reading packages/components/src/components/ui/network-selector.tsx, especially its generic item getters, filtering, selection behavior, and network-specific copy. Compare its props and field integration with the other field components, then define a reusable searchable multi-select and react-hook-form wrapper with overridable copy. Done means the suggested generic use cases are supported and NetworkSelector retains its current text and behavior.

Scritto dal modello di indicizzazione a partire dal testo della issue.

Descrizione

cla: allowlist

The kit has no general searchable multi-select. The closest is NetworkSelector: it's already generic over T (getNetworkLabel, getNetworkId, filterNetwork) and supports multiple with a search box (network-selector.tsx#L19-L56). But its copy is fixed to networks: "Search network..." (L215) and "N network(s) selected" (L170). So it doesn't work for anything else, for example a country allow-list, and I kept a local one for now.

Suggested: a SearchableMultiSelect (or Combobox with multiple) taking items with label/id getters, an optional filter, and overridable copy (placeholder, search placeholder, selected-count text, empty text), plus a field wrapper for react-hook-form like the other fields. NetworkSelector could then build on it, with today's text as its defaults, so nothing changes for current apps.

Lingua principale
TypeScript
Stelle
7
Fork
4
Nessuna PR unita negli ultimi 30g

Preparare l'ambiente

Come iniziare

  1. Leggi tutta la issue e poi la guida ai contributi del progetto.
  2. Commenta sulla issue per dire che te ne occupi tu — evita che due persone facciano lo stesso lavoro.
  3. Fai un fork del repository e lavora su un branch.
  4. Apri una pull request che faccia riferimento al numero della issue.

Altre issue di OpenZeppelin/openzeppelin-ui

Tutte le issue di OpenZeppelin/openzeppelin-ui

Issue simili

Altre issue su TypeScript

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.