Number Box
The NumberBox component allows users to input numeric values with specified constraints such as minimum, maximum, and step values.
Usage
<script>
import { NumberBox } from 'fluentui-svelte';
</script>
<NumberBox value={0} min={0} max={100} step={1} />Variant
The variant prop determines the visual style of the NumberBox.
Component Props
| Name | Type | Default | Description |
|---|---|---|---|
value bindable | number | The current value of the input. | |
variant | 'inline' | 'compact' | 'inline' | How the increment and decrement buttons are laid out. |
TextBoxProps without type |