Utility
Terminal
█
aspect-ratio-demo █
Loading preview... █
█
█
█
█
█
█
█
█
█
█
█
█
█
█
█Installation
$ pnpm dlx shadcn@latest add @termcn/opentui/aspect-ratio
Usage
import { AspectRatio } from "@/components/ui/aspect-ratio";<AspectRatio ratio={16 / 9} width={60}>
<Text>Widescreen content</Text>
</AspectRatio>API Reference
AspectRatio
| Prop | Type | Default |
|---|---|---|
children | ReactNode | required |
ratio | number | 16 / 9 |
width | number | 80 |