@primer/react-brand
Version:
Primer Brand is a GitHub's design system for creating React-based marketing websites and digital experiences.
19 lines (18 loc) • 895 B
TypeScript
import React, { PropsWithChildren } from 'react';
import { TextProps } from '../Text/Text';
import '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/text-cursor-animation/colors-with-modes.css';
export declare const testIds: {
root: string;
readonly cursor: string;
};
export type TextCursorAnimationProps = {
/**
* Whether to animate the text reveal with a sliding wipe animation
* and a cursor that transitions from grey to green.
*/
animate?: boolean;
['data-testid']?: string;
delay?: number;
waitForPageLoad?: boolean;
} & React.HTMLAttributes<HTMLSpanElement> & Omit<TextProps, 'animate' | 'as'>;
export declare function TextCursorAnimation({ children, className, animate, 'data-testid': testId, delay, waitForPageLoad, variant, }: PropsWithChildren<TextCursorAnimationProps>): import("react/jsx-runtime").JSX.Element;