Checkbox

Casilla con label, validación de obligatoriedad y estado indeterminado para selecciones parciales. El núcleo de validación es compartido entre Angular y Vue.

Angular

Vue

Acepto los términos

Seleccionar todo

<flt-checkbox
  label="Acepto los términos"
  [required]="true"
  [messages]="{ required: 'Debes aceptar para continuar' }"
  [(value)]="terms"
/>

<!-- Estado indeterminado -->
<flt-checkbox label="Seleccionar todo" [indeterminate]="true" [(value)]="all" />

<FltCheckbox
  v-model="terms"
  label="Acepto los términos"
  :required="true"
  :messages="{ required: 'Debes aceptar para continuar' }"
/>

<!-- Estado indeterminado -->
<FltCheckbox v-model="all" :indeterminate="true" label="Seleccionar todo" />