Interfaces

SpanProps

A styled run inside a <Text> or <TextPath>. Everything it does not set is the paragraph's - so a bold word is <Span text="..." fontWeight={700} />.

fontSize here is static on purpose. The paragraph's fontSize is the one with an animation slot; the layout is memoised against it, and a second moving size would miss that memo on every frame.

Properties

color?

optional color?: Color;

fontFamily?

optional fontFamily?: string;

fontSize?

optional fontSize?: number;

fontStyle?

optional fontStyle?: "normal" | "italic";

fontWeight?

optional fontWeight?: FontWeight;

letterSpacing?

optional letterSpacing?: number;

text

text: string;

On this page