Stepper

Stepper defines how EnterUI handles a compact numeric control with native input semantics and plus/minus actions, including default structure, accessible states, and token-driven styling.

#Default usage

<Stepper aria-label="Quantity" defaultValue={1} min={0} max={10} />

#Import

import { Stepper } from "@froggdesign/enter-ui-react";

#Controlled

<Stepper value={count} onValueChange={setCount} min={0} max={10} />

#Accessibility

The input remains a native number input. Increment and decrement buttons have accessible labels and clamp to min / max.

#API

• value / defaultValue support controlled and uncontrolled usage.
• min, max, and step control bounds.
• onValueChange receives the clamped number.
• inputProps passes attributes to the inner input.

#Styling

Uses .eui-stepper classes and the same hover/focus rhythm as EnterUI inputs.