@fluentui/react-spinbutton
SpinButton component for Fluent UI React
SpinButtons are used to allow numeric input bounded between minimum and maximum values with buttons to increment and decrement the input value. Values can also be manipulated via the keyboard.
Usage
Import SpinButton:
import { SpinButton } from '@fluentui/react-spinbutton';
Examples
<SpinButton defaultValue={5}/>
<SpinButton value={value} onChange={onSpinButtonChange}/>
See Fluent UI Storybook for more detailed usage examples.
Alternatively, run Storybook locally with:
yarn start
- Select
react-spinbutton
from the list.
Specification
See Spec.md.
Migration Guide
When upgrading to Fluent UI v9 see the upgrade guide for guidance on updating to the latest SpinButton implementation.