Skip to main content

SparklesText

Renders text with animated sparkle particles around it.

VEF-specific component. Not part of Ant Design.

Basic Usage​

import { SparklesText } from '@vef-framework-react/components';

export default function Demo() {
return <SparklesText>✨ Magic Text</SparklesText>;
}

Custom Sparkle Count​

<SparklesText sparklesCount={20}>Sparkly!</SparklesText>

API​

The props type is exported as SparklesTextProps.

SparklesText extends all div element props, plus:

PropTypeDefaultDescription
sparklesCountnumber10Number of sparkle particles
childrenReactNode—Text content
classNamestring—CSS class
styleCSSProperties—Inline style