SGDS Quantity Toggle Component Skill

<sgds-quantity-toggle> renders a number input flanked by minus (−) and plus (+) icon buttons. Use min, max, and step to constrain and control the value increment.

Prerequisites

See sgds-components-setup for installation and framework integration (React 19+ vs React ≤18, Vue, Angular).

No CSS styling modifications — custom properties and CSS parts are not exposed on this component.

Quick Decision Guide

Set initial value? → value="0" (default is 0)

Minimum quantity? → Set min

Maximum quantity? → Set max

Increment by more than 1? → step="5" (default step is 1)