Number Field

Edit a numeric value with increment and decrement controls.

@sigil-ui/componentsReact

Preview

import { NumberField } from "@sigil-ui/components";

<NumberField defaultValue={42} />

Prop	Type	Default	Description
`value`	`number`	—	The current controlled value.
`defaultValue`	`number`	—	Initial value when the component manages its own state.
`onValueChange`	`(value: number) => void`	—	Called when the user changes the value.
`min`	`number`	—	Smallest allowed value.
`max`	`number`	—	Largest allowed value.
`step`	`number`	—	Amount added or removed by each adjustment.
`disabled`	`boolean`	—	Prevents user interaction when enabled.

NativeSelect

Choose an option with the browser's native select control.

Panel

Group related content on a token-styled surface.