UNPKG

maz-ui

Version:

A standalone components library for Vue.Js 3 & Nuxt.Js 3

64 lines (63 loc) 2.62 kB
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;