@germingi/scroll-and-fade-text
Version:
Vue3 component which repeatedly scrolls and fades text in a carousel fashion.
70 lines (69 loc) • 1.89 kB
TypeScript
declare const _default: import("vue").DefineComponent<{
text: {
required: true;
type: StringConstructor;
};
scrollSpeedPxPerS: {
required: false;
type: NumberConstructor;
default: number;
validator(value: number): boolean;
};
visibleWaitTimeMs: {
required: false;
type: NumberConstructor;
default: number;
validator(value: number): boolean;
};
invisibleWaitTimeMs: {
required: false;
type: NumberConstructor;
default: number;
validator(value: number): boolean;
};
fadeTimeMs: {
required: false;
type: NumberConstructor;
default: number;
validator(value: number): boolean;
};
}, {
mySpanRef: import("vue").Ref<HTMLSpanElement | null>;
}, unknown, {}, {
animateScroll(): void;
}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
text: {
required: true;
type: StringConstructor;
};
scrollSpeedPxPerS: {
required: false;
type: NumberConstructor;
default: number;
validator(value: number): boolean;
};
visibleWaitTimeMs: {
required: false;
type: NumberConstructor;
default: number;
validator(value: number): boolean;
};
invisibleWaitTimeMs: {
required: false;
type: NumberConstructor;
default: number;
validator(value: number): boolean;
};
fadeTimeMs: {
required: false;
type: NumberConstructor;
default: number;
validator(value: number): boolean;
};
}>>, {
scrollSpeedPxPerS: number;
visibleWaitTimeMs: number;
invisibleWaitTimeMs: number;
fadeTimeMs: number;
}, {}>;
export default _default;