palantir/blueprint

FR: Support small modifier for NumericInput

Open

#3132 aperta il 7 nov 2018

Vedi su GitHub
 (2 commenti) (1 reazione) (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.8
  • Browser and OS versions: Chrome 70

Feature request

I like to make a form using small modifier on components. I can use small modifier on InputGroup and Button but MenuItem and NumericInput does not support small modifier. I tried className={Classes.SMALL} but it did not work. You can look at screenshot below as an example

Could you implement support for these components? Probably there are other components that does not support small modifier. I prefer support for all components which can be used inside a form.

Examples

<Button small={true} rightIcon="double-caret-vertical" .../> <InputGroup small={true} .../> <NumericInput leftIcon="arrow-top-left" .../> // does not support small modifier <NumericInput .../>

Guida contributor

Direzione di ricerca
La richiesta propone di aggiungere un modificatore 'small' a NumericInput, simile al supporto esistente in Button e InputGroup. Studia l'implementazione della prop 'small' in quei componenti (ad es. Button.tsx e InputGroup.tsx) per comprenderne il pattern. Quindi esamina NumericInput.tsx e i relativi stili in numeric input.scss per aggiungere il modificatore Small. La richiesta menziona che className={Classes.SMALL} non ha funzionato, quindi la correzione probabilmente implica l'aggiunta di una prop o di una classe CSS che applica lo stile per la dimensione piccola. Non ci sono PR collegate o commenti dei maintainer, quindi l'implementazione è semplice e può seguire il pattern esistente.
Tech stack
typescript
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
TypeScriptReact
Adatta ai principiantiQuanto la issue è adatta a contributor alla prima esperienza.
75