Quantity Select
<sc-quantity-select></sc-quantity-select>
This component let users create quantity select field.
- Preview
- Code
<sc-quantity-select></sc-quantity-select>
Component Codex
Properties
| Property | Description | Type | Default |
|---|---|---|---|
| clickEl | HTMLElement | ||
| disabled | boolean | ||
| hasFocus | Inputs focus | boolean | |
| max | number | Infinity | |
| min | number | 1 | |
| quantity | number | 0 | |
| size | "large" | "medium" | "small" | 'medium' |
Events
| Event | Description | Type |
|---|---|---|
scBlur | Emitted when the control loses focus. | CustomEvent<void> |
scChange | CustomEvent<number> | |
scFocus | Emitted when the control gains focus. | CustomEvent<void> |
scInput | Emitted when the control receives input. | CustomEvent<number> |
Shadow Parts
| Part | Description |
|---|---|
base | The elements base wrapper. |
input | The input control. |
minus | The minus control. |
minus-icon | The minus icon. |
plus | The plus control. |
plus-icon | The plus icon. |