@aotearoan/neon/dist/src/components/presentation/label/NeonLabel.d.ts

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

import { NeonLabelSize } from '@/common/enums/NeonLabelSize';
import { NeonFunctionalColor } from '@/common/enums/NeonFunctionalColor';
import { NeonHorizontalPosition } from '@/common/enums/NeonHorizontalPosition';
/**
 * Labels are used to tag or emphasize properties of an item in the UI. Labels can be text only, icon only or contain both text and icons.
 */
declare const _default: import("vue").DefineComponent<{
    /**
     * The label text
     */
    label: {
        type: StringConstructor;
        required: true;
    };
    /**
     * The name of the optional label icon
     */
    icon: {
        type: StringConstructor;
        default: null;
    };
    /**
     * The icon position if there is also text in the label. This is either left or right.
     */
    iconPosition: {
        type: () => NeonHorizontalPosition;
        default: NeonHorizontalPosition;
    };
    /**
     * The label size
     */
    size: {
        type: () => NeonLabelSize;
        default: NeonLabelSize;
    };
    /**
     * Display the label as disabled
     */
    disabled: {
        type: BooleanConstructor;
        default: boolean;
    };
    /**
     * The label color
     */
    color: {
        type: () => NeonFunctionalColor;
        default: NeonFunctionalColor;
    };
    /**
     * Alternate color for creating gradient labels. NOTE: can also be the same color as 'color'.
     */
    alternateColor: {
        type: () => NeonFunctionalColor;
        default: null;
    };
}, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
    /**
     * The label text
     */
    label: {
        type: StringConstructor;
        required: true;
    };
    /**
     * The name of the optional label icon
     */
    icon: {
        type: StringConstructor;
        default: null;
    };
    /**
     * The icon position if there is also text in the label. This is either left or right.
     */
    iconPosition: {
        type: () => NeonHorizontalPosition;
        default: NeonHorizontalPosition;
    };
    /**
     * The label size
     */
    size: {
        type: () => NeonLabelSize;
        default: NeonLabelSize;
    };
    /**
     * Display the label as disabled
     */
    disabled: {
        type: BooleanConstructor;
        default: boolean;
    };
    /**
     * The label color
     */
    color: {
        type: () => NeonFunctionalColor;
        default: NeonFunctionalColor;
    };
    /**
     * Alternate color for creating gradient labels. NOTE: can also be the same color as 'color'.
     */
    alternateColor: {
        type: () => NeonFunctionalColor;
        default: null;
    };
}>>, {
    disabled: boolean;
    icon: string;
    size: NeonLabelSize;
    color: NeonFunctionalColor;
    alternateColor: NeonFunctionalColor;
    iconPosition: NeonHorizontalPosition;
}, {}>;
export default _default;