Skip to content

Checkboxes

Sanya Boriskin edited this page Aug 5, 2019 · 8 revisions
<va-checkbox
  v-model="value"
  label="Selected"
/>
<va-checkbox
  v-model="value"
  :errorMessages="errorMessages"
  :errorCount="3"
  label="With errors"
/>
<va-checkbox
  v-model="array"
  array-value="one"
/>

Props

  • id - String
  • name - String
  • label - String - label to the right of checkbox
  • value - Boolean | Array - main value
  • arrayValue - Any
  • indeterminate - Boolean - indeterminate state. Note that value should be true for indeterminate icon to be displayed.
  • disabled - Boolean
  • readonly - Boolean
  • checkedIcon - String | Array (default: 'ion ion-md-checkmark')
  • indeterminateIcon - String | Array (default: 'ion ion-md-remove')
  • errorMessages - Number - list of error messages for current input field
  • errorCount - Number (default: 1) - shows a number of errors to display, given an array of error messages is passed
  • error - Boolean - define whether the field is error or not

Find DEMOs here!