Aspect ratio · Components

The native kit's real component, live in its web build at phone width. Follows this site's theme.

API

<AspectRatio ratio={16 / 9}>…</AspectRatio>

Already in every copy of the native kit:

import { AspectRatio } from '@/components/ui/aspect-ratio';

Exports: AspectRatio
Source: apps/mobile/components/ui/aspect-ratio.tsx
Also searched as: image, thumbnail, 16:9
Upstream: Unchanged from react-native-reusables; installs from their registry.

The web kit's real component, live. Follows this site's theme.

<AspectRatio ratio={16 / 9}>…</AspectRatio>

Already in every copy of the web kit:

import { AspectRatio } from '@/components/ui/aspect-ratio';

Agents: the whole registry is at /llms.txt.