Quantity selector

Definition: A quantity selector is an element for increasing or decreasing the quantity of an item.

When to use

Use a quantity selector when you want users to choose the quantity of a specific item, product, or unit.

Anatomy

  1. Stepper
  2. Inputs
  3. Field

 

 

 

 

 

States

  1. No numeric value (inactive)
  2. With numeric value (active)
Time picker
Resources
Quantity selector
Best practices
VUD Product Design System

VUD Product Design System is a collection of design assets, tokens, guidelines, code snippets and components that guarantees consistency and efficiency in the design and development process across enterprise software solutions.

Resources
Support

© 2024 Visma Unified Design.