# Counter
The `auro-counter` component is a ui element that enables a way to increment or decrement a single digit value. Common use case is inside the `auro-counter-group` to facilitate a collection of counters to add passenger types to a flight.
## Use Cases
The `auro-counter` element should be used in situations where users may:
* Need to input a numeric value within a defined range
* Need a user-friendly interface for quantity selection
## Example(s)
### Basic Counter
The counter component provides a simple interface for incrementing or decrementing numeric values. It displays a label with increment/decrement buttons and the current value.
This example demonstrates most basic implementation of a standalone counter.
See code
```html
Adults
```
### Basic Counter Group
Counter groups allow you to manage multiple related counters together. This is useful when you need to collect multiple quantities that are related, such as different passenger types.
Short label
Another short label
This is an example of the wrapping behavior for a long label
See code
```html
Short label
Another short label
This is an example of the wrapping behavior for a long label
```