Contents

<template>
  <div class="pt-1">
    <label
      class="flex items-center justify-between font-semibold text-gray-800"
      :for="name"
      v-if="showLabel"
    >
      <span>{{ label }}</span>
      <core-input :presets="presets" v-model="updatableValue" />
    </label>
  </div>
</template>

<script>
import { hexToRgb } from '@/misc/utils'

import CoreInput from '@/components/kit/color-input/core-input.vue'

export default {
  name: 'ColorInput',
  components: { CoreInput },
  props: {
    label: { type: String, default: 'Label' },
    name: { type: String, default: 'color' },
    presets: {
      type: Array,
      default: () => [],
    },
    value: { type: String },
    showLabel: { type: Boolean, default: true }
  },
  computed: {
    updatableValue: {
      get() {
        return this.value
      },
      set(color) {
        this.$emit('input', color)
      },
    },
  },
}
</script>

Version data entries

3 entries across 3 versions & 1 rubygems

Version	Path
maglevcms-1.2.2	app/frontend/editor/components/kit/color-input.vue
maglevcms-1.2.1	app/frontend/editor/components/kit/color-input.vue
maglevcms-1.2.0	app/frontend/editor/components/kit/color-input.vue