<template>
  <div>
    <div class="q-pa-sm">
      <q-btn dense @click="showonly=!showonly" label="只读" :outline="!showonly" color="primary" />
    </div>
    <q-separator />
    <kyb-color v-model="v" :showonly="showonly" />
    <div>value: {{v}}</div>
  </div>
</template>
<script>
export default {
  props: {},
  data() {
    return { v: null, showonly: false }
  }
}
</script>
