Number Box

El componente NumberBox permite a los usuarios introducir valores numéricos con restricciones especificadas, como valores mínimos, máximos y de paso.

Uso

<script>
	import { NumberBox } from 'fluentui-svelte';
</script>

<NumberBox aria-label="Quantity" value={0} min={0} max={100} step={1} />

Forma

Usa shape: rounded (predeterminada), square o circular.

<script>
  import { NumberBox } from 'fluentui-svelte';
</script>

<NumberBox shape="rounded" aria-label="rounded" value={42} />
<NumberBox shape="square" aria-label="square" value={42} />
<NumberBox shape="circular" aria-label="circular" value={42} />

Variante

La propiedad variant determina el estilo visual de NumberBox.

<NumberBox aria-label="Inline quantity" variant="inline" value={42} min={0} max={100} step={1} />
<NumberBox aria-label="Compact quantity" variant="compact" value={42} min={0} max={100} step={1} />

Propiedades del componente