<template>
  <div>
    <tiny-color-picker v-model="color" size="large" />
    <tiny-color-picker v-model="color" size="medium" class="demo-margin" />
    <tiny-color-picker v-model="color" size="small" class="demo-margin" />
    <tiny-color-picker v-model="color" size="mini" />
  </div>
</template>

<script setup>
import { TinyColorPicker } from '@opentiny/vue'
import { ref } from 'vue'

const color = ref('#66ccff')
</script>

<style scoped>
.demo-margin {
  margin: 8px 0;
}
</style>
