question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Add counter variant to Input

See original GitHub issue

See 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:closed
  • Created 5 years ago
  • Comments:7 (7 by maintainers)

github_iconTop GitHub Comments

1reaction
interactivellamacommented, Oct 26, 2018

We could call a custom checkProp to error out if you pass a number into a text input as an option, too.

Read more comments on GitHub >

github_iconTop 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 >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found