AspectRatio
ratio"video" | "3-2" | "4-3" | "square" | undefined = 4-3 Options: - square → 1 / 1 - 4-3 → 4 / 3 - 3-2 → 3 / 2 - video → 16 / 9
The aspect ratio of the component.
The Aspect Ratio component ensures that elements maintain a consistent width-to-height ratio across different screen sizes. It helps keep interfaces visually balanced and prevents distortion of content by preserving the specified aspect ratio.
ratio"video" | "3-2" | "4-3" | "square" | undefined = 4-3 Options: - square → 1 / 1 - 4-3 → 4 / 3 - 3-2 → 3 / 2 - video → 16 / 9
The aspect ratio of the component.