vuetifyjs/vuetify

[Feature Request] v-slider tick-labels above and below the slider

Open

#14.569 aperta il 5 gen 2022

Vedi su GitHub
 (3 commenti) (0 reazioni) (0 assegnatari)TypeScript (7139 fork)batch import
C: VSliderT: featuregood first issue

Metriche repository

Star
 (40.995 star)
Metriche merge PR
 (Merge medio 59g 10h) (8 PR mergiate in 30 g)

Descrizione

Problem to solve

The use case for this feature is to be able to display two bits of pertinent information to the user regarding each tick mark. We would like to display a label on top, and a label underneath (only position available currently) the slider. Similar functionality exists in an angular slider library, see here.

Proposed solution

Be able to display two different values above and below the slider.

Guida contributor

Direzione di ricerca
Esamina il rendering corrente delle etichette dei tick nel componente VSlider, probabilmente in packages/vuetify/src/components/VSlider. Comprendi come funziona attualmente la prop 'tick labels' e modificala per supportare sia le etichette superiori che quelle inferiori. Fai riferimento alla libreria angular slider/ngx slider per un esempio di etichette doppie dei tick. Assicura la compatibilità con le versioni precedenti e che i test esistenti passino.
Tech stack
vuetypescript
Dominio
frontend
Tipo issue
Funzionalità
DifficoltàQuanto dovrebbe essere impegnativa per un nuovo contributor.
3
Tempo stimatoTempo stimato per completare e verificare uno scope piccolo.
1-2 giorni
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
VueTypeScript
Adatta ai principiantiQuanto la issue è adatta a contributor alla prima esperienza.
70