Chapter 370: visualControl()

Core Idea

:::info Deprecated Remotion Studio now has integrated interactivity for most components, and we will further develop this interactivity rather than visual controls.

Key Concepts

• Example
• Defining a schema
• When to use
• Important to know
• See also

Code Examples

const MyComp: React.FC = () => {
  const rotation = 180;

  return <div style={{rotate: `${rotation}deg`}}>Hello</div>;
};

• What it demonstrates: Usage pattern for visualControl() from the official docs.

Key Takeaways

1. Understand example when working with visualControl().
2. Understand defining a schema when working with visualControl().
3. Understand when to use when working with visualControl().
4. Understand important to know when working with visualControl().
5. Understand see also when working with visualControl().

Connects To

• Clipper: related page in the Studio, Player & Editing section.
• Design Systems: related page in the Studio, Player & Editing section.
• Editor Starter: related page in the Studio, Player & Editing section.