maz-ui
Version:
A standalone components library for Vue.Js 3 & Nuxt.Js 3
58 lines (57 loc) • 1.44 kB
TypeScript
export 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, {
element: unknown;
}, any>;
export default _default;