@aotearoan/neon/dist/src/components/user-input/toggle/NeonToggle.d.ts

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

import type { NeonToggleModel } from '@/common/models/NeonToggleModel';
import { NeonSize } from '@/common/enums/NeonSize';
import { NeonFunctionalColor } from '@/common/enums/NeonFunctionalColor';
import { NeonToggleStyle } from '@/common/enums/NeonToggleStyle';
import { NeonOrientation } from '@/common/enums/NeonOrientation';
/**
 * <p>A toggle component for selecting one value from a range of options. This is equivalent to a radio button group. It can be styled as a <em>Toggle</em> or as <em>Radio buttons</em>.
 */
declare const _default: import("vue").DefineComponent<{
    /**
     * The name of the radio button group.
     */
    name: {
        type: StringConstructor;
        required: true;
    };
    /**
     * The key of the selected option.
     */
    modelValue: {
        type: StringConstructor;
        required: true;
    };
    /**
     * The list of options to present to the user.
     */
    model: {
        type: () => Array<NeonToggleModel>;
        required: true;
    };
    /**
     * The style of toggle to display to the user.
     */
    toggleStyle: {
        type: () => NeonToggleStyle;
        default: () => NeonToggleStyle;
    };
    /**
     * The size of the toggle.
     */
    size: {
        type: () => NeonSize;
        default: () => NeonSize;
    };
    /**
     * The orientation of the toggle if the style is a radio button group.
     */
    orientation: {
        type: () => NeonOrientation;
        default: () => NeonOrientation;
    };
    /**
     * The color of the toggle.
     */
    color: {
        type: () => NeonFunctionalColor;
        default: () => NeonFunctionalColor;
    };
    /**
     * Whether the toggle is disabled.
     */
    disabled: {
        type: BooleanConstructor;
        default: boolean;
    };
}, {
    selectOption: (option: NeonToggleModel) => void;
    onInput: (key: string) => void;
    sanitizedAttributes: import("vue").ComputedRef<{
        [x: string]: unknown;
    }>;
    slots: Readonly<{
        [name: string]: import("vue").Slot<any> | undefined;
    }>;
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
    /**
     * The name of the radio button group.
     */
    name: {
        type: StringConstructor;
        required: true;
    };
    /**
     * The key of the selected option.
     */
    modelValue: {
        type: StringConstructor;
        required: true;
    };
    /**
     * The list of options to present to the user.
     */
    model: {
        type: () => Array<NeonToggleModel>;
        required: true;
    };
    /**
     * The style of toggle to display to the user.
     */
    toggleStyle: {
        type: () => NeonToggleStyle;
        default: () => NeonToggleStyle;
    };
    /**
     * The size of the toggle.
     */
    size: {
        type: () => NeonSize;
        default: () => NeonSize;
    };
    /**
     * The orientation of the toggle if the style is a radio button group.
     */
    orientation: {
        type: () => NeonOrientation;
        default: () => NeonOrientation;
    };
    /**
     * The color of the toggle.
     */
    color: {
        type: () => NeonFunctionalColor;
        default: () => NeonFunctionalColor;
    };
    /**
     * Whether the toggle is disabled.
     */
    disabled: {
        type: BooleanConstructor;
        default: boolean;
    };
}>> & {
    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
}, {
    disabled: boolean;
    size: NeonSize;
    color: NeonFunctionalColor;
    orientation: NeonOrientation;
    toggleStyle: NeonToggleStyle;
}, {}>;
export default _default;