<script setup>
import { ref } from 'vue'
import CToggle from '../CToggle.vue'
const toggleValue = ref(true)
const toggleArrayValue = ref([])
</script>

<template>
  <div style="margin: 20px 0">
    <div style="font-weight: bold">{{ 'Array' }}</div>
    <CToggle v-model="toggleArrayValue" value="編集1" p_Title="編集1" />
    <CToggle v-model="toggleArrayValue" value="編集2" p_Title="編集2" />
    <CToggle v-model="toggleArrayValue" value="編集3" p_Title="編集3" />

    model:{{ toggleArrayValue }}
  </div>

  <div style="margin: 20px 0">
    <div style="font-weight: bold">{{ 'boolean' }}</div>
    <CToggle v-model="toggleValue" :disabled="false" p_Title="編集3" />
    model:{{ toggleValue }}
  </div>
</template>
<style>
:root {
  --q-primary: #5e421d;
}
</style>
