Design System React

AlphaThis a work in progress. Your input will help us to improve it. Report issues or raise questions on GitHub.

Aspect box

JSX for this example
<React.Fragment />
JSX for this example
<React.Fragment />

Aspect box configuration

AspectBox components can use the following props:

className (optional)
A CSS class name to pass to the component.
ratio (optional)
Aspect ratio to use. Supported values are:
  • 1:1 (square)
  • 4:3 (standard fullscreen)
  • 16:9 (standard widescreen) (default)
  • 21:9 (anamorphic widescreen)