palantir/blueprint

Editable text in tab titles

Open

#1017 aperta il 20 apr 2017

Vedi su GitHub
 (8 commenti) (5 reazioni) (0 assegnatari)TypeScript (2167 fork)batch import
P3Package: coreType: feature requesthelp wanted

Metriche repository

Star
 (20.263 star)
Metriche merge PR
 (Merge medio 43g 10h) (27 PR mergiate in 30 g)

Descrizione

We should consider first class support for this kind of interaction:

2017-04-20 10 43 41

Code for this roughly looks like:

<Tab2 title={<div><EditableText ... /> <span className="close-button" /></div>} ... />

Guida contributor

Direzione di ricerca
Rivedi il componente Tab (probabilmente in packages/core/src/components/tab) per capire come viene renderizzato il titolo. Considera l'aggiunta di una prop booleana come 'editable' che avvolga il titolo in un componente EditableText. Assicurati che la navigazione da tastiera e l'accessibilità siano mantenute. Controlla i test esistenti per Tab per aggiungere nuovi test per la funzionalità di titolo modificabile.
Tech stack
typescriptreact
Dominio
frontend
Tipo issue
Funzionalità
DifficoltàQuanto dovrebbe essere impegnativa per un nuovo contributor.
2
Tempo stimatoTempo stimato per completare e verificare uno scope piccolo.
1-3 ore
Stato attivitàQuanto è probabile che la issue sia ancora attiva e reviewable.
Attiva
ChiarezzaQuanto chiaramente la issue descrive problema, scope e risultato atteso.
Chiara
Prerequisiti
ReactTypeScript
Adatta ai principiantiQuanto la issue è adatta a contributor alla prima esperienza.
70