Guide
Why
Getting Started
API
Button
FramerPlugin
FramerPluginProvider
Icon
ListControls
NumberControls
SegmentedControls
Separator
Spinner
TextControls
useAutoSizer
useDebounce
useDebounceValue
useSelection
useStore
useTheme
asNumberOr
capitalizeWords
Component
A component that renders an input element for number controls with optional stepper and slider features.
// Render number controls with a title and disabled state <NumberControls title="Quantity" />
// Render number controls with stepper <NumberControls title="Quantity" stepper onChange={handleQuantityChange} />
// Render number controls with a default value and custom step <NumberControls defaultValue={10} step={2} onChange={handleQuantityChange} />
defaultValue?
The default value of the number controls.
type
number
onChange?
The callback function that is triggered when the value changes.
(value: number) => void
slider?
Whether to show the slider control.
boolean
stepper?
Whether to show the stepper controls.
title?
The title of the number controls.
string
value?
The value of the number controls.