Add counter variant to Input
See original GitHub issueSee Counter variant https://www.lightningdesignsystem.com/components/input/
It’s like Spinbox from Fuel UX
I gut is thinking that you have a value
, increment
prop and onIncrement
, onDecrement
event props.
It may be worth breaking out into it’s own component. onIncrement
, onDecrement
event props seem odd on text input.
Issue Analytics
- State:
- Created 5 years ago
- Comments:7 (7 by maintainers)
Top Results From Across the Web
New Element: Input - Add counter variant - Avonni App | Product ...
Allow for manually sizing columns on data tables and other elements with columns, just like the graph allows for manual sizing.
Read more >Using CSS counters - CSS: Cascading Style Sheets | MDN
To use a counter it must first be initialized to a value with the counter-reset property. The counter's value can then be increased...
Read more >Counter - Lightning Design System
A Counter is a Form Element containing a label and a number Input that can be increased or ... Variant for number input...
Read more >Python's Counter: The Pythonic Way to Count Objects
Counter internally iterates through the input sequence, counts the number of times a given object occurs, and stores objects as keys and the...
Read more >Text field character counter - Material Design
Used only for textarea variant. MDCTextFieldCharacterCounter properties and methods. Property, Value Type, Description. foundation ...
Read more >
Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free
Top Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
We could call a custom
checkProp
to error out if you pass a number into a textinput
as an option, too.Yeah, there is low warning option. https://github.com/salesforce/design-system-react/blob/master/utilities/warning/low-priority-warning.js#L6