Components

Quantity selector

sketch:Readyscss:Readyfigma:Ready

Sizes

Please know that the small version is not really supposed to be used on touch devices to avoid misclicking. We recommend some blank space before and after the quantity selector to have the best user experience possible.

Accessibility and semantic

The buttons element (mc-button) must always have a aria-controls attribute whose value corresponds to the value of the `id` attribute of the input field element.
The input field element must always have an attribute id
Use aria-valuemin attribute to set the minimum value allowed for the quantity selector.
Use aria-valuemax attribute to set the maximum value allowed for the quantity selector.