maz-ui
Version:
A standalone components library for Vue.Js 3 & Nuxt.Js 3
64 lines (63 loc) • 2.62 kB
TypeScript
import type { Size } from './types';
import { type HTMLAttributes } from 'vue';
export type { Size };
export interface Props {
/** The inline style object for the component. */
style?: HTMLAttributes['style'];
/** The CSS class name for the component. */
class?: HTMLAttributes['class'];
/** The value of the component (v-model). */
modelValue?: number;
/** Whether the input number is disabled or not. */
disabled?: boolean;
/** The maximum value allowed for the input number. */
max?: number;
/** The minimum value allowed for the input number. */
min?: number;
/** The step value for incrementing or decrementing the input number. */
step?: number;
/** The size of the input number component. */
size?: Size;
/** Whether to hide the increment and decrement buttons or not. */
noButtons?: boolean;
/** Whether to center the text inside the input or not. */
textCenter?: boolean;
/** The inputmode attribute for the input. */
inputmode?: HTMLAttributes['inputmode'];
/** The input will be displayed in full width */
block?: boolean;
/** Will display the input in error state. */
error?: boolean;
/** The hint text to display below the input. */
hint?: string;
/** Will display the input in success state. */
success?: boolean;
/** Will display the input in warning state. */
warning?: boolean;
}
declare const _default: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
blur: (value: Event) => any;
change: (value: Event) => any;
click: (value: Event) => any;
focus: (value: Event) => any;
"update:model-value": (value?: number | undefined) => any;
}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
onBlur?: ((value: Event) => any) | undefined;
onChange?: ((value: Event) => any) | undefined;
onClick?: ((value: Event) => any) | undefined;
onFocus?: ((value: Event) => any) | undefined;
"onUpdate:model-value"?: ((value?: number | undefined) => any) | undefined;
}>, {
style: string | false | import("vue").CSSProperties | import("vue").StyleValue[] | null;
size: Size;
class: HTMLAttributes["class"];
disabled: boolean;
modelValue: number;
step: number;
inputmode: "search" | "text" | "none" | "email" | "tel" | "decimal" | "url" | "numeric";
max: number;
min: number;
noButtons: boolean;
textCenter: boolean;
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
export default _default;