Checkboxes.md

Fish Tank Checkboxes

• Checkbox

  

  <FishTankCheckbox 
    v-model="valEqualToTrue"
    label="alpha"/>

• Disabled Checked Checkbox

  

  <FishTankCheckbox 
    v-model="valEqualToTrue"
    disabled
    label="alpha"/>

• Unchecked Checkbox

  

  <FishTankCheckbox 
    v-model="valEqualToFalse"
    label="beta"/>

• Disabled Unchecked Checkbox

  

  <FishTankCheckbox 
    v-model="valEqualToFalse"
    disabled
    label="beta"/>

Usage

To import into your component

import { 
  FishTankCheckbox 
}  from '@fishtank/fishtank-vue'

Checkboxes either toggle boolean values:

<FishTankCheckbox 
  v-model="valToToggleTrueFalse"
  label="Checkbox Label"
  />

or push/pup values from an array

<FishTankCheckbox 
  id="id"
  v-model="arrayValuesPopulateTo"
  value="valueToBePopulated"
  label="Checkbox Label"
/>

Props

Name	Type	Description	Required	Default
label	String	Text Label of Radio	true	null
value	String,Boolean,Object,Number	Value to select	true	null
disabled	Boolean	Disable the button	false	null