@aotearoan/neon
Version:
Neon is a lightweight design library of Vue 3 components with minimal dependencies.
80 lines (79 loc) • 2.32 kB
TypeScript
import { NeonSize } from '@/common/enums/NeonSize';
import { NeonFunctionalColor } from '@/common/enums/NeonFunctionalColor';
import { NeonResponsive } from '@/common/enums/NeonResponsive';
/**
* <p>
* <strong>NeonSelectableCard</strong> is a horizontal card that is selectable by clicking on it. It can be used in
* lists to easily allow users to select multiple items, providing richer content & a larger footprint for clicking on.
* </p>
*/
declare const _default: import("vue").DefineComponent<{
/**
* The selected state of the card
*/
modelValue: {
type: BooleanConstructor;
required: true;
};
/**
* The size of the card.
*/
size: {
type: () => NeonSize;
default: NeonSize;
};
/**
* The selection color. This will be used for the checkbox as well as borders & the background color
*/
color: {
type: () => NeonFunctionalColor;
default: NeonFunctionalColor;
};
/**
* The disabled state of the card.
*/
disabled: {
type: BooleanConstructor;
default: boolean;
};
}, {
active: import("vue").Ref<boolean>;
clicked: () => void;
NeonResponsive: typeof NeonResponsive;
}, 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 selected state of the card
*/
modelValue: {
type: BooleanConstructor;
required: true;
};
/**
* The size of the card.
*/
size: {
type: () => NeonSize;
default: NeonSize;
};
/**
* The selection color. This will be used for the checkbox as well as borders & the background color
*/
color: {
type: () => NeonFunctionalColor;
default: NeonFunctionalColor;
};
/**
* The disabled state of the card.
*/
disabled: {
type: BooleanConstructor;
default: boolean;
};
}>> & {
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
}, {
disabled: boolean;
size: NeonSize;
color: NeonFunctionalColor;
}, {}>;
export default _default;