How do I install the Quantity Stepper component?

Install the free SDK with `bun add @otfdashkit/ui` (or npm/pnpm) and import { QuantityStepper }. Copy-paste distribution is also supported.

Is the Quantity Stepper component free to use?

Yes. Quantity Stepper ships in @otfdashkit/ui, part of the free MIT-licensed OTF SDK on npm — use it in personal and commercial projects.

Which platform does this Quantity Stepper page cover?

This page documents the web version (@otfdashkit/ui); the OTF SDK keeps the same component API across its web and native packages where a counterpart exists.

Free

220+ open-source components for web + native — plus 5 full-stack kits & 15 landing templates

Browse the SDK

OTF Kit

Star

Quantity Stepper

Input

Increment / decrement quantity control with min/max clamping and keyboard support.

View in Storybook

Loading Storybook preview…

Installation

$bun add @otfdashkit/ui

Import

import { QuantityStepper } from '@otfdashkit/ui'