palantir/blueprint

[Feature request] [Progress] Multiple stacked progress bars

Open

#3469 aperta il 9 apr 2019

Vedi su GitHub
 (0 commenti) (0 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

Environment

  • Package version(s): ^3.12.0
  • Browser and OS versions: Chrome 73.0.3683.86 on Windows 10

Feature request

Allow multiple progress meters with different intents within one bar

Examples

Bootstrap's progress bars support it: https://getbootstrap.com/docs/4.3/components/progress/#multiple-bars

image

Guida contributor

Direzione di ricerca
Esamina il componente ProgressBar esistente in Blueprint (probabilmente in src/components/progress bar/progressBar.tsx) per comprenderne l'API e il rendering. Rivedi la documentazione Bootstrap collegata per impilare più barre. Considera la progettazione di una nuova prop (ad esempio 'stripedBars' o 'bars') che accetti un array di oggetti valore/colore. Modifica il componente per renderizzare più barre interne, aggiornando di conseguenza gli stili. Non esistono PR collegati o commenti dei maintainer, quindi l'ambito è aperto.
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.
Mezza giornata
Stato attivitàQuanto è probabile che la issue sia ancora attiva e reviewable.
Nuova
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