Number

Campo numérico

Entrada numérica con min / max, validación de enteros y tamaños sm / md / lg. La validación se comparte entre Angular y Vue.

Angular

Vue

Edad

Entre 18 y 120

Pequeño (sm)

Grande (lg)

<flt-number
  label="Edad"
  helpText="Entre 18 y 120"
  [required]="true"
  [min]="18"
  [max]="120"
  [integer]="true"
  [(value)]="age"
/>

<!-- Tamaños -->
<flt-number label="Pequeño" size="sm" />
<flt-number label="Grande" size="lg" />

<FltNumberInput
  v-model="age"
  label="Edad"
  help-text="Entre 18 y 120"
  :required="true"
  :min="18"
  :max="120"
  :integer="true"
/>

<!-- Tamaños -->
<FltNumberInput label="Pequeño" size="sm" />
<FltNumberInput label="Grande" size="lg" />