Chapter 23: <Sequence>

Core Idea

Reference page for <Sequence> in the Remotion documentation.

Key Concepts

• Cascading
• Examples
• Delay
• Trim end
• Trim start
• Trim and delay
• Play Sequences sequentially
• Props

Code Examples

const BlueSquare: React.FC = () => <div></div>
// - BlueSquare

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

Key Takeaways

1. Understand cascading when working with <Sequence>.
2. Understand examples when working with <Sequence>.
3. Understand delay when working with <Sequence>.
4. Understand trim end when working with <Sequence>.
5. Understand trim start when working with <Sequence>.

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.