Aspect Ratio

LayoutCLI

Mantém a proporção (16/9, 1, 4/3…) via CSS aspect-ratio.

Instalação

bash

pnpm add aura-ui-components aura-ui-tailwind

Depois, importe o CSS uma vez no seu arquivo global (Tailwind v4):

css

/* app/globals.css */
@import "aura-ui-tailwind";
@import "aura-ui-components/tailwind.css";

tsx

import { AspectRatio } from "aura-ui-components/aspect-ratio";

Exportações

AspectRatio

Tipos

AspectRatioProps

É exatamente o arquivo que o CLI copia para o seu projeto — edite à vontade.