@nuxt/ui
Version:
A UI Library for Modern Web Apps, powered by Vue & Tailwind CSS.
49 lines (48 loc) • 1.54 kB
TypeScript
import type { AppConfig } from '@nuxt/schema';
import theme from '#build/ui/color-picker';
import type { ComponentConfig } from '../types/utils';
type ColorPicker = ComponentConfig<typeof theme, AppConfig, 'colorPicker'>;
export type ColorPickerProps = {
/**
* The element or component this component should render as.
* @defaultValue 'div'
*/
as?: any;
/**
* Throttle time in ms for the color picker
*/
throttle?: number;
/**
* Disable the color picker
*/
disabled?: boolean;
/**
* The default value of the color picker
*/
defaultValue?: string;
/**
* Format of the color
* @defaultValue 'hex'
*/
format?: 'hex' | 'rgb' | 'hsl' | 'cmyk' | 'lab';
/**
* @defaultValue 'md'
*/
size?: ColorPicker['variants']['size'];
class?: any;
ui?: ColorPicker['slots'];
};
declare const _default: import("vue").DefineComponent<ColorPickerProps & {
modelValue?: string;
}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
"update:modelValue": (value: string | undefined) => any;
}, string, import("vue").PublicProps, Readonly<ColorPickerProps & {
modelValue?: string;
}> & Readonly<{
"onUpdate:modelValue"?: ((value: string | undefined) => any) | undefined;
}>, {
format: "hex" | "rgb" | "hsl" | "cmyk" | "lab";
defaultValue: string;
throttle: number;
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
export default _default;