Content Lifecycle (Same UI Key)

Simulates loading states and errors for the same content (like a page refresh)

Content Navigation (Different UI Keys)

Simulates navigating between different contents

When checked, content blocks will animate their height after being inserted. This helps demonstrate how height animations in content can affect transitions.

When checked, the content box will maintain its state between sequence runs. When unchecked, it will reset to empty before each sequence.

Manual Control

Content Display Area

This area shows how the UI handles different content states and transitions. Use the controls on the left to trigger various content lifecycle and navigation scenarios.