Chapter 24: <Series>

Core Idea

<AvailableFrom v="2. 3.

Key Concepts

• Example
• Code
• Result
• <Series> props
• layout?
• <Series.Sequence> props
• durationInFrames?
• offset?

Code Examples

const Square: React.FC<{color: string}> = () => <div></div>
// - Square

• What it demonstrates: Usage pattern for <Series> from the official docs.

Key Takeaways

1. Understand example when working with <Series>.
2. Understand code when working with <Series>.
3. Understand result when working with <Series>.
4. Understand <series> props when working with <Series>.
5. Understand layout? when working with <Series>.

Connects To

• Absolute Fill: related page in the Fundamentals & Core Concepts section.
• Animating Properties: related page in the Fundamentals & Core Concepts section.
• Animation Math: related page in the Fundamentals & Core Concepts section.