EmptyState: action slot, optional icon and description

Aperta Adatta ai principianti
#249 0 commenti 0 reazioni 0 assegnatari Vedi su GitHub

@pasevin ci sta già lavorando.

Dal 12/11/2026.

  • #261 di @pasevin — aperta

Valutazione

Difficoltà
2/5
Tempo stimato
1-3 ore
Idoneità per principianti
83/100
Tipo di issue
Funzionalità
Chiarezza
Specificata chiaramente
Stato di attività
Attiva
Stack tecnologico
react, typescript
Ambito
frontend

Direzione di ricerca

Inizia da packages/components/src/components/ui/empty-state.tsx, in particolare dalle props e dalle righe di render collegate nell’issue. Controlla le convenzioni e i test dei componenti vicini per i contenuti facoltativi e le props dell’icona. Aggiungi il comportamento descritto nell’issue per le azioni e le descrizioni facoltative e per nascondere l’icona; il lavoro è concluso quando il componente supporta questi casi mantenendo la sua icona predefinita e i test pertinenti passano.

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

Descrizione

For "couldn't load, retry" and empty results I wrap EmptyState with my own button and frame. Two small gaps:

  • no place for an action (empty-state.tsx#L4-L30)
  • the icon can't be turned off (icon || defaultIcon, #L73), and description is required and always renders its <p> (#L18, #L75), so a title-only state needs description=""

Suggested, all optional

  • action?: ReactNode under the text
  • description?: ReactNode
  • icon={false} (or hideIcon) to skip the icon, keeping the default when icon is left out
Lingua principale
TypeScript
Stelle
7
Fork
4
Metriche di merge delle PR
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.