@aotearoan/neon/dist/src/components/user-input/input-indicator/NeonInputIndicator.d.ts

Neon is a lightweight design library of Vue 3 components with minimal dependencies.

import { NeonSize } from '@/model/common/size/NeonSize';
/**
 * Use input indicators to provide additional information for input fields. This can be useful to add the field units or
 * a connected label or icon.
 * <br />
 * NOTE: An input indicator is an HTML <em>label</em> so attributes like, e.g. <em>for</em> are accepted.
 */
declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
    /**
     * The label to display
     */
    label: {
        type: StringConstructor;
        required: false;
    };
    /**
     * The icon to display
     */
    icon: {
        type: StringConstructor;
        required: false;
    };
    /**
     * The size of the input indicator
     */
    size: {
        type: () => NeonSize;
        default: NeonSize;
    };
    /**
     * Disabled style when used in combination with disabled inputs
     */
    disabled: {
        type: BooleanConstructor;
        default: boolean;
    };
}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
    /**
     * The label to display
     */
    label: {
        type: StringConstructor;
        required: false;
    };
    /**
     * The icon to display
     */
    icon: {
        type: StringConstructor;
        required: false;
    };
    /**
     * The size of the input indicator
     */
    size: {
        type: () => NeonSize;
        default: NeonSize;
    };
    /**
     * Disabled style when used in combination with disabled inputs
     */
    disabled: {
        type: BooleanConstructor;
        default: boolean;
    };
}>> & Readonly<{}>, {
    disabled: boolean;
    size: NeonSize;
}, {}, {
    NeonIcon: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
        name: {
            type: StringConstructor;
            required: true;
        };
        id: {
            type: StringConstructor;
            default: null;
        };
        color: {
            type: () => import("../../../neon").NeonFunctionalColor;
            default: null;
        };
        inverse: {
            type: BooleanConstructor;
            default: boolean;
        };
        disabled: {
            type: BooleanConstructor;
            default: boolean;
        };
    }>, {
        sanitizedAttributes: import("vue").ComputedRef<{
            [x: string]: unknown;
        }>;
        icon: import("vue").ComputedRef<string | undefined>;
    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
        name: {
            type: StringConstructor;
            required: true;
        };
        id: {
            type: StringConstructor;
            default: null;
        };
        color: {
            type: () => import("../../../neon").NeonFunctionalColor;
            default: null;
        };
        inverse: {
            type: BooleanConstructor;
            default: boolean;
        };
        disabled: {
            type: BooleanConstructor;
            default: boolean;
        };
    }>> & Readonly<{}>, {
        color: import("../../../neon").NeonFunctionalColor;
        id: string;
        inverse: boolean;
        disabled: boolean;
    }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
export default _default;