@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.
189 lines (188 loc) • 4.14 kB
TypeScript
declare const _default: import("vue").DefineComponent<{
/**
* The color variant of the form group
* @type light | dark
* @default
* @name color
*/
color: {
type: StringConstructor;
default: undefined;
};
/**
* The disabled state of the form group
* @type Boolean
* @default false
* @name disabled
*/
disabled: {
type: BooleanConstructor;
default: boolean;
};
/**
* Display the form group as inline
* @type Boolean
* @default false
* @name inline
*/
inline: {
type: BooleanConstructor;
default: boolean;
};
/**
* The identifier of the form group
* @type String
* @default
* @name name
*/
name: {
type: StringConstructor;
default: string;
};
/**
* The readonly state of the form group
* @type Boolean
* @default false
* @name readonly
*/
readonly: {
type: BooleanConstructor;
default: boolean;
};
/**
* The required state of the form group
* @type Boolean
* @default false
* @name required
*/
required: {
type: BooleanConstructor;
default: boolean;
};
/**
* The size variant of the form group
* @type sm | md | lg
* @default
* @name size
*/
size: {
type: StringConstructor;
default: undefined;
};
/**
* Enable form validation using schema
* @type Boolean
* @default true
* @name validateSchema
*/
validate: {
type: BooleanConstructor;
default: boolean;
};
}, {
classes: import("vue").ComputedRef<{
[x: string]: any;
'-disabled': boolean;
'-readonly': boolean;
'-inline': boolean;
'-error': any;
'-required': boolean;
}>;
disabled: import("vue").ComputedRef<boolean>;
readonly: import("vue").ComputedRef<boolean>;
size: any;
color: any;
onBlur: any;
onInput: any;
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
/**
* The color variant of the form group
* @type light | dark
* @default
* @name color
*/
color: {
type: StringConstructor;
default: undefined;
};
/**
* The disabled state of the form group
* @type Boolean
* @default false
* @name disabled
*/
disabled: {
type: BooleanConstructor;
default: boolean;
};
/**
* Display the form group as inline
* @type Boolean
* @default false
* @name inline
*/
inline: {
type: BooleanConstructor;
default: boolean;
};
/**
* The identifier of the form group
* @type String
* @default
* @name name
*/
name: {
type: StringConstructor;
default: string;
};
/**
* The readonly state of the form group
* @type Boolean
* @default false
* @name readonly
*/
readonly: {
type: BooleanConstructor;
default: boolean;
};
/**
* The required state of the form group
* @type Boolean
* @default false
* @name required
*/
required: {
type: BooleanConstructor;
default: boolean;
};
/**
* The size variant of the form group
* @type sm | md | lg
* @default
* @name size
*/
size: {
type: StringConstructor;
default: undefined;
};
/**
* Enable form validation using schema
* @type Boolean
* @default true
* @name validateSchema
*/
validate: {
type: BooleanConstructor;
default: boolean;
};
}>>, {
color: string;
size: string;
name: string;
disabled: boolean;
readonly: boolean;
required: boolean;
validate: boolean;
inline: boolean;
}, {}>;
export default _default;