<template>
  <div>
    <h2>Basic Checkbox</h2>
    <div v-for="fruit in fruits" :key="fruit" style="margin-bottom:10px">
      <CheckBox :inputId="fruit" :value="fruit" :multiple="true" v-model="values"></CheckBox>
      <Label :for="fruit">{{fruit}}</Label>
    </div>
    <p v-if="values">You selected: {{values}}</p>
  </div>
</template>

<script>
export default {
  data() {
    return {
      values: [],
      fruits: ["Apple", "Orange", "Banana"]
    };
  }
};
</script>