@hemia/ui-button
Version:
Componente HButton basado en Vuetify para el Design System de Hemia
169 lines (168 loc) • 5.88 kB
TypeScript
import type { PropType, VNode } from 'vue';
import { Anchor, JSXComponent } from 'vuetify';
import { IconValue } from 'vuetify/lib/composables/icons';
declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
active: BooleanConstructor;
activeColor: StringConstructor;
appendIcon: {
type: PropType<IconValue>;
default: undefined;
};
baseColor: StringConstructor;
block: BooleanConstructor;
border: (BooleanConstructor | StringConstructor | NumberConstructor)[];
color: StringConstructor;
density: {
type: () => "default" | "comfortable" | "compact";
default: string;
};
disabled: BooleanConstructor;
elevation: (StringConstructor | NumberConstructor)[];
exact: BooleanConstructor;
flat: BooleanConstructor;
height: (StringConstructor | NumberConstructor)[];
href: StringConstructor;
icon: {
type: PropType<IconValue>;
default: undefined;
};
loading: (BooleanConstructor | StringConstructor)[];
location: {
type: PropType<Anchor | null>;
default: undefined;
};
maxHeight: (StringConstructor | NumberConstructor)[];
maxWidth: (StringConstructor | NumberConstructor)[];
minHeight: (StringConstructor | NumberConstructor)[];
minWidth: (StringConstructor | NumberConstructor)[];
position: () => "fixed" | "static" | "relative" | "absolute" | "sticky";
prependIcon: {
type: PropType<IconValue>;
default: undefined;
};
readonly: BooleanConstructor;
replace: BooleanConstructor;
ripple: (BooleanConstructor | ObjectConstructor)[];
rounded: (BooleanConstructor | StringConstructor | NumberConstructor)[];
selectedClass: StringConstructor;
size: {
type: (StringConstructor | NumberConstructor)[];
default: string;
};
slim: BooleanConstructor;
stacked: BooleanConstructor;
symbol: null;
tag: {
type: PropType<string | JSXComponent>;
default: string;
};
text: (BooleanConstructor | StringConstructor | NumberConstructor)[];
theme: StringConstructor;
tile: BooleanConstructor;
to: (StringConstructor | ObjectConstructor)[];
value: null;
variant: {
type: () => "text" | "flat" | "elevated" | "tonal" | "outlined" | "plain";
default: string;
};
width: (StringConstructor | NumberConstructor)[];
fontSemiBold: {
type: BooleanConstructor;
default: boolean;
};
}>, (_ctx: any, _cache: any) => VNode<import("vue").RendererNode, import("vue").RendererElement, {
[key: string]: any;
}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "focus")[], "click" | "focus", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
active: BooleanConstructor;
activeColor: StringConstructor;
appendIcon: {
type: PropType<IconValue>;
default: undefined;
};
baseColor: StringConstructor;
block: BooleanConstructor;
border: (BooleanConstructor | StringConstructor | NumberConstructor)[];
color: StringConstructor;
density: {
type: () => "default" | "comfortable" | "compact";
default: string;
};
disabled: BooleanConstructor;
elevation: (StringConstructor | NumberConstructor)[];
exact: BooleanConstructor;
flat: BooleanConstructor;
height: (StringConstructor | NumberConstructor)[];
href: StringConstructor;
icon: {
type: PropType<IconValue>;
default: undefined;
};
loading: (BooleanConstructor | StringConstructor)[];
location: {
type: PropType<Anchor | null>;
default: undefined;
};
maxHeight: (StringConstructor | NumberConstructor)[];
maxWidth: (StringConstructor | NumberConstructor)[];
minHeight: (StringConstructor | NumberConstructor)[];
minWidth: (StringConstructor | NumberConstructor)[];
position: () => "fixed" | "static" | "relative" | "absolute" | "sticky";
prependIcon: {
type: PropType<IconValue>;
default: undefined;
};
readonly: BooleanConstructor;
replace: BooleanConstructor;
ripple: (BooleanConstructor | ObjectConstructor)[];
rounded: (BooleanConstructor | StringConstructor | NumberConstructor)[];
selectedClass: StringConstructor;
size: {
type: (StringConstructor | NumberConstructor)[];
default: string;
};
slim: BooleanConstructor;
stacked: BooleanConstructor;
symbol: null;
tag: {
type: PropType<string | JSXComponent>;
default: string;
};
text: (BooleanConstructor | StringConstructor | NumberConstructor)[];
theme: StringConstructor;
tile: BooleanConstructor;
to: (StringConstructor | ObjectConstructor)[];
value: null;
variant: {
type: () => "text" | "flat" | "elevated" | "tonal" | "outlined" | "plain";
default: string;
};
width: (StringConstructor | NumberConstructor)[];
fontSemiBold: {
type: BooleanConstructor;
default: boolean;
};
}>> & Readonly<{
onClick?: ((...args: any[]) => any) | undefined;
onFocus?: ((...args: any[]) => any) | undefined;
}>, {
flat: boolean;
active: boolean;
block: boolean;
disabled: boolean;
exact: boolean;
readonly: boolean;
replace: boolean;
slim: boolean;
stacked: boolean;
tile: boolean;
appendIcon: IconValue;
density: "default" | "comfortable" | "compact";
icon: IconValue;
location: Anchor | null;
prependIcon: IconValue;
size: string | number;
tag: string | JSXComponent;
variant: "text" | "flat" | "elevated" | "tonal" | "outlined" | "plain";
fontSemiBold: boolean;
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
export default _default;