Chapter 345: Sizing

Core Idea

The following algorithm is used for calculating the size of the Player:

Key Concepts

• Full width
• Fitting to a container

Code Examples

style={{ width: "100%" }}

• What it demonstrates: Usage pattern for Sizing from the official docs.

Key Takeaways

1. Understand full width when working with Sizing.
2. Understand fitting to a container when working with Sizing.

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.