Quantity selector

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

#252626
#c3d0d9
text-default
Default text refers to the main or prominent textual content. Suitable for important headlines, titles, or primary information that requires the most attention.
Token set
component
Documentation
-
#494a4a
#c3d0d9
text-secondary
Secondary text is for supporting or supplementary information. Often used for descriptions, labels, captions, or any content that is less significant than the default text but still relevant to the user experience.
Token set
component
Documentation
-
#8a8a8a
#9aa5ae
text-disabled
Disabled text refers to a particular element is temporarily or permanently disabled and cannot be accessed or interacted with.
Token set
component
Documentation
-
#494a4a
#e4ebf0
icon-default
Default icon refers to the standard or pre-set icon. Suitable for operating systems or software programs as a generic placeholder.
Token set
component
Documentation
-
#8a8a8a
#9aa5ae
icon-disabled
Disabled icon indicates that a particular function, feature, or control is currently disabled or unavailable.
Token set
component
Documentation
-
#ffffff
#2b3033
surface-enabled
Surface on enabled state refers to the default appearance and behavior of a clickable element. It represents the initial or resting state, typically before any user interaction has occurred.
Token set
component
Documentation
-
#8a8a8a
#6f7a82
border-enabled
Border on enabled state refers to the default appearance and behavior of a clickable element. It represents the initial or resting state, typically before any user interaction has occurred.
Token set
component
Documentation
-
#c0c0c0
#4c545b
border-disabled
A border with a disabled state indicates that a particular function, feature, or control is currently disabled or unavailable.
Token set
component
Documentation
-