vueless/ui.form-color-picker/config.ts

Vue Styleless UI Component Library, powered by Tailwind CSS.

export default /*tw*/ {
  list: "flex flex-wrap gap-0.5",
  colorButton: {
    base: "{UButton}",
    button: {
      compoundVariants: [
        {
          filled: true,
          variant: "thirdary",
          color: "grayscale",
          class: "bg-gray-800/10 dark:bg-gray-200/10",
        },
      ],
    },
  },
  circle: {
    base: "rounded-full",
    variants: {
      size: {
        sm: "size-4",
        md: "size-5",
        lg: "size-6",
      },
    },
  },
  defaults: {
    size: "md",
  },
};