vuetify-swatches/dist/components/VSwatches.vue.d.ts

Color Swatch component for Vuetify3.

import { PropType } from 'vue';
import { Variant } from 'vuetify/lib/composables/variant.d.ts';
import { Anchor } from 'vuetify/lib/util/index.d.ts';
declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
    /** Model value */
    modelValue: {
        type: StringConstructor;
        default: string;
    };
    /** Swatch colors */
    swatches: {
        type: PropType<(string | undefined)[] | (string | undefined)[][] | Record<string, (string | undefined)[]> | readonly (string | undefined)[] | readonly (readonly (string | undefined)[])[]>;
        default: () => never[];
    };
    /** Swatch size */
    size: {
        type: StringConstructor;
        default: string;
    };
    /**
     * Selected icon
     * @see {@link https://vuetifyjs.com/en/components/icons/#usage
     */
    icon: {
        type: StringConstructor;
        default: string;
    };
    /** selected icon size */
    iconSize: {
        type: StringConstructor;
        default: string;
    };
    /** Display swatches in a single row */
    inline: {
        type: BooleanConstructor;
        default: boolean;
    };
    /**
     * The variant prop gives you easy access to several different button styles..
     *
     * @see {@link https://vuetifyjs.com/en/components/buttons/#variant}
     */
    variant: {
        type: PropType<Variant>;
        default: undefined;
    };
    /**
     * Removes the ability to click or target the component.
     *
     * @see {@link https://vuetifyjs.com/en/api/v-btn/#props-disabled}
     */
    disabled: {
        type: BooleanConstructor;
        default: boolean;
    };
    /**
     * Applies a large border radius on the button.
     *
     * @see {@link https://vuetifyjs.com/en/components/buttons/#rounded}
     */
    rounded: {
        type: (BooleanConstructor | StringConstructor | NumberConstructor)[];
        default: undefined;
    };
    /**
     * Applies border styles to component.
     *
     * @see {@link https://vuetifyjs.com/en/api/v-btn/#props-border}
     */
    border: {
        type: (BooleanConstructor | StringConstructor | NumberConstructor)[];
        default: boolean;
    };
    /**
     * Designates an elevation applied to the component between 0 and 24.
     *
     * @see {@link https://vuetifyjs.com/en/api/v-btn/#props-elevation}
     */
    elevation: {
        type: (StringConstructor | NumberConstructor)[];
        default: undefined;
    };
    /** Swap cols and rows */
    transpose: {
        type: BooleanConstructor;
        default: boolean;
    };
    /**
     * Tooltip
     * @see {@link https://vuetifyjs.com/en/components/tooltips/}
     */
    tooltip: {
        type: BooleanConstructor;
        default: boolean;
    };
    /**
     * Tooltip location
     * @see {@link https://vuetifyjs.com/en/components/tooltips/#props-location}
     */
    tooltipLocation: {
        type: PropType<Anchor>;
        default: undefined;
    };
}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
    "update:modelValue": (_value: string) => void;
}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
    /** Model value */
    modelValue: {
        type: StringConstructor;
        default: string;
    };
    /** Swatch colors */
    swatches: {
        type: PropType<(string | undefined)[] | (string | undefined)[][] | Record<string, (string | undefined)[]> | readonly (string | undefined)[] | readonly (readonly (string | undefined)[])[]>;
        default: () => never[];
    };
    /** Swatch size */
    size: {
        type: StringConstructor;
        default: string;
    };
    /**
     * Selected icon
     * @see {@link https://vuetifyjs.com/en/components/icons/#usage
     */
    icon: {
        type: StringConstructor;
        default: string;
    };
    /** selected icon size */
    iconSize: {
        type: StringConstructor;
        default: string;
    };
    /** Display swatches in a single row */
    inline: {
        type: BooleanConstructor;
        default: boolean;
    };
    /**
     * The variant prop gives you easy access to several different button styles..
     *
     * @see {@link https://vuetifyjs.com/en/components/buttons/#variant}
     */
    variant: {
        type: PropType<Variant>;
        default: undefined;
    };
    /**
     * Removes the ability to click or target the component.
     *
     * @see {@link https://vuetifyjs.com/en/api/v-btn/#props-disabled}
     */
    disabled: {
        type: BooleanConstructor;
        default: boolean;
    };
    /**
     * Applies a large border radius on the button.
     *
     * @see {@link https://vuetifyjs.com/en/components/buttons/#rounded}
     */
    rounded: {
        type: (BooleanConstructor | StringConstructor | NumberConstructor)[];
        default: undefined;
    };
    /**
     * Applies border styles to component.
     *
     * @see {@link https://vuetifyjs.com/en/api/v-btn/#props-border}
     */
    border: {
        type: (BooleanConstructor | StringConstructor | NumberConstructor)[];
        default: boolean;
    };
    /**
     * Designates an elevation applied to the component between 0 and 24.
     *
     * @see {@link https://vuetifyjs.com/en/api/v-btn/#props-elevation}
     */
    elevation: {
        type: (StringConstructor | NumberConstructor)[];
        default: undefined;
    };
    /** Swap cols and rows */
    transpose: {
        type: BooleanConstructor;
        default: boolean;
    };
    /**
     * Tooltip
     * @see {@link https://vuetifyjs.com/en/components/tooltips/}
     */
    tooltip: {
        type: BooleanConstructor;
        default: boolean;
    };
    /**
     * Tooltip location
     * @see {@link https://vuetifyjs.com/en/components/tooltips/#props-location}
     */
    tooltipLocation: {
        type: PropType<Anchor>;
        default: undefined;
    };
}>> & Readonly<{
    "onUpdate:modelValue"?: ((_value: string) => any) | undefined;
}>, {
    size: string;
    icon: string;
    iconSize: string;
    variant: "elevated" | "flat" | "tonal" | "outlined" | "text" | "plain";
    disabled: boolean;
    rounded: string | number | boolean;
    border: string | number | boolean;
    elevation: string | number;
    tooltip: boolean;
    tooltipLocation: Anchor;
    modelValue: string;
    swatches: (string | undefined)[] | Record<string, (string | undefined)[]> | (string | undefined)[][] | readonly (string | undefined)[] | readonly (readonly (string | undefined)[])[];
    inline: boolean;
    transpose: boolean;
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
export default _default;