AspectRatio

Une boîte au rapport imposé.

Elle existe pour une seule raison : réserver la place avant que l'image ou l'iframe n'arrive. Sans elle, le contenu qui suit saute au chargement — ce que mesure le Cumulative Layout Shift, et ce que les gens ressentent comme une page qui bouge sous le doigt.

Installation

sia-ui add aspect-ratio

Ou par le paquet, sans rien copier :

import { AspectRatio } from "@sia-ui/react-web";

Props

Prop	Type	Défaut	Description
className	string	—
ratio	number	16 / 9	Le rapport largeur / hauteur. 16 / 9, 1, 4 / 3.

Voir aussi

• Le composant dans le catalogue — états, variantes, et bac à sable.
• La référence complète — tous les composants.