maz-ui/components/MazAnimatedText.d.ts

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

interface MazAnimatedTextProps {
    /**
     * The text to animate
     * @example "Hello"
     */
    text: string;
    /**
     * The last word(s) to be highlighted
     * @example "world"
     */
    lastWord?: string;
    /**
     * The delay of the animation
     * @default 0
     */
    delay?: number;
    /**
     * The direction of the animation
     * @default "up"
     * @values "up", "down", "left", "right"
     */
    direction?: 'up' | 'down' | 'left' | 'right';
    /**
     * The tag to use for the text
     * @default "span"
     */
    tag?: string;
    /**
     * The delay between each word
     * @default 75
     */
    wordDelay?: number;
    /**
     * The column gap between each word
     * @default 0.5
     */
    columnGap?: number;
    /**
     * The row gap between each word
     * @default 0
     */
    rowGap?: number;
    /**
     * The duration of the animation
     * @default 2000
     */
    duration?: number;
    /**
     * Play the animation only once
     * @default true
     */
    once?: boolean;
}
declare const _default: import("vue").DefineComponent<MazAnimatedTextProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<MazAnimatedTextProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
export default _default;