UNPKG

@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
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;