Unstack for Developers
  • Overview
  • Getting started
    • Custom Themes
    • Custom Components
  • Component Types
    • Section
    • Header & Footer
    • Banner
  • Basic Tags
    • Actions
    • Box
    • Code
    • Element
    • Media
    • Plaintext
    • Richtext
    • Collection
    • Article Collection
  • eCommerce Tags
    • Product
    • Product Inventory
    • Product Price
    • Product Options
    • Quantity Selector
    • Cart & Drawer (soon)
  • Utility Tags
    • Generator
    • JSONParser
  • Other NoML Features
    • Variables
    • Raw HTML
    • Component Properties
Powered by GitBook
On this page
  1. eCommerce Tags

Quantity Selector

Adds a quantity selector to a product:

<QuantitySelector
  dataRef={content.productQuantitySelector}
  defaultType="secondary"
  defaultValue={1}
  minValue={1}
  maxValue={20}
/>

Attributes

  • dataRef: DataLocator - the data-element storing the Quantity Selector tag's configuration

  • defaultType: string - The style of the buttons used with the control: either "primary" or "secondary" (Default: "secondary")

  • defaultValue: number - The default value for the Quantity Selector (Default: 1)

  • minValue: number - The minimum value of the Quantity Selector (Default: 1)

  • maxValue: number - The max value for the Quantity Selector (Default: ∞)

PreviousProduct OptionsNextCart & Drawer (soon)

Last updated 1 year ago