@inkline/inkline
Version:
Inkline is the intuitive UI Components library that gives you a developer-friendly foundation for building high-quality, accessible, and customizable Vue.js 3 Design Systems.
276 lines (275 loc) • 6.83 kB
TypeScript
import type { PropType } from 'vue';
declare const _default: import("vue").DefineComponent<{
/**
* The color variant of the radio
* @type light | dark
* @default
* @name color
*/
color: {
type: StringConstructor;
default: undefined;
};
/**
* The disabled state of the radio
* @type Boolean
* @default false
* @name disabled
*/
disabled: {
type: BooleanConstructor;
default: boolean;
};
/**
* The error state of the radio, computed based on schema by default.
* @type Boolean | Array
* @default ['touched', 'dirty', 'invalid']
* @TODO use propDefaultValue to set default value
* @name error
*/
error: {
type: PropType<boolean | string[]>;
default: () => string[];
};
/**
* [Deprecated] Used to set the radio value when used inside a radio group
* @default false
* @name value
* @deprecated
*/
value: {
default: undefined;
};
/**
* Used to set the radio value when used by itself
* @default false
* @name modelValue
*/
modelValue: {
default: boolean;
};
/**
* The unique identifier of the radio
* @type String
* @default uid()
* @name name
*/
name: {
type: StringConstructor;
default: () => string;
};
/**
* Displays the native browser radio input indicator
* @type Boolean
* @default false
* @name native
*/
native: {
type: BooleanConstructor;
default: boolean;
};
/**
* The readonly state of the radio
* @type Boolean
* @default false
* @name readonly
*/
readonly: {
type: BooleanConstructor;
default: boolean;
};
/**
* The size variant of the radio
* @type sm | md | lg
* @default
* @name size
*
*/
size: {
type: StringConstructor;
default: undefined;
};
/**
* The tabindex of the radio
* @type Number | String
* @default 0
* @name tabindex
*/
tabindex: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
/**
* The label to be displayed alongside the radio. Can be a string, number, render function, or component
* @type String | Number | Boolean | Function | Object
* @default undefined
* @name label
*/
label: {
type: PropType<RadioGroupOption>;
default: undefined;
};
/**
* The option object of the radio when used inside a radio group
* @type Object
* @default undefined
* @name option
*/
option: {
type: PropType<RadioGroupOption>;
default: undefined;
};
}, {
classes: import("vue").ComputedRef<{
[x: string]: any;
'-disabled': any;
'-readonly': any;
'-native': boolean;
'-error': any;
}>;
checked: import("vue").ComputedRef<boolean>;
disabled: import("vue").ComputedRef<any>;
readonly: import("vue").ComputedRef<any>;
tabindex: import("vue").ComputedRef<string | number>;
inputRef: import("vue").Ref<HTMLInputElement | null>;
onChange: (event: Event) => void;
labelOnBlur: (event: FocusEvent) => void;
labelOnClick: (event: MouseEvent) => void;
labelOnKeydown: (event: KeyboardEvent) => void;
}, 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 color variant of the radio
* @type light | dark
* @default
* @name color
*/
color: {
type: StringConstructor;
default: undefined;
};
/**
* The disabled state of the radio
* @type Boolean
* @default false
* @name disabled
*/
disabled: {
type: BooleanConstructor;
default: boolean;
};
/**
* The error state of the radio, computed based on schema by default.
* @type Boolean | Array
* @default ['touched', 'dirty', 'invalid']
* @TODO use propDefaultValue to set default value
* @name error
*/
error: {
type: PropType<boolean | string[]>;
default: () => string[];
};
/**
* [Deprecated] Used to set the radio value when used inside a radio group
* @default false
* @name value
* @deprecated
*/
value: {
default: undefined;
};
/**
* Used to set the radio value when used by itself
* @default false
* @name modelValue
*/
modelValue: {
default: boolean;
};
/**
* The unique identifier of the radio
* @type String
* @default uid()
* @name name
*/
name: {
type: StringConstructor;
default: () => string;
};
/**
* Displays the native browser radio input indicator
* @type Boolean
* @default false
* @name native
*/
native: {
type: BooleanConstructor;
default: boolean;
};
/**
* The readonly state of the radio
* @type Boolean
* @default false
* @name readonly
*/
readonly: {
type: BooleanConstructor;
default: boolean;
};
/**
* The size variant of the radio
* @type sm | md | lg
* @default
* @name size
*
*/
size: {
type: StringConstructor;
default: undefined;
};
/**
* The tabindex of the radio
* @type Number | String
* @default 0
* @name tabindex
*/
tabindex: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
/**
* The label to be displayed alongside the radio. Can be a string, number, render function, or component
* @type String | Number | Boolean | Function | Object
* @default undefined
* @name label
*/
label: {
type: PropType<RadioGroupOption>;
default: undefined;
};
/**
* The option object of the radio when used inside a radio group
* @type Object
* @default undefined
* @name option
*/
option: {
type: PropType<RadioGroupOption>;
default: undefined;
};
}>> & {
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
}, {
color: string;
size: string;
value: undefined;
name: string;
label: RadioGroupOption;
option: RadioGroupOption;
error: boolean | string[];
disabled: boolean;
readonly: boolean;
modelValue: boolean;
tabindex: string | number;
native: boolean;
}, {}>;
export default _default;