@aotearoan/neon
Version:
Neon is a lightweight design library of Vue 3 components with minimal dependencies.
131 lines (130 loc) • 3.71 kB
TypeScript
import { NeonSize } from '@/model/common/size/NeonSize';
import type { NeonListItem } from '@/model/user-input/list/NeonListItem';
import { NeonFunctionalColor } from '@/model/common/color/NeonFunctionalColor';
/**
* Renders a list of removable items. This can be used as an alternative to removable chips where a vertical list is
* more appropriate.
*/
declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
/**
* The list items.
*/
modelValue: {
type: () => Array<NeonListItem>;
required: true;
};
/**
* The file component size
*/
size: {
type: () => NeonSize;
default: NeonSize;
};
/**
* The file component color
*/
color: {
type: () => NeonFunctionalColor;
default: NeonFunctionalColor;
};
/**
* The disabled state of the component
*/
disabled: {
type: BooleanConstructor;
default: boolean;
};
}>, {
remove: (key: string) => void;
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "close")[], "update:modelValue" | "close", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
/**
* The list items.
*/
modelValue: {
type: () => Array<NeonListItem>;
required: true;
};
/**
* The file component size
*/
size: {
type: () => NeonSize;
default: NeonSize;
};
/**
* The file component color
*/
color: {
type: () => NeonFunctionalColor;
default: NeonFunctionalColor;
};
/**
* The disabled state of the component
*/
disabled: {
type: BooleanConstructor;
default: boolean;
};
}>> & Readonly<{
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
onClose?: ((...args: any[]) => any) | undefined;
}>, {
color: NeonFunctionalColor;
disabled: boolean;
size: NeonSize;
}, {}, {
NeonIcon: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
name: {
type: StringConstructor;
required: true;
};
id: {
type: StringConstructor;
default: null;
};
color: {
type: () => 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: () => NeonFunctionalColor;
default: null;
};
inverse: {
type: BooleanConstructor;
default: boolean;
};
disabled: {
type: BooleanConstructor;
default: boolean;
};
}>> & Readonly<{}>, {
color: NeonFunctionalColor;
id: string;
inverse: boolean;
disabled: boolean;
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
export default _default;