Aspect ratio

Kind

Core

Name

Type

Description

Constrains child content to a fixed aspect ratio (e.g. 16/9). Use for responsive media or consistent card thumbnails.

Content examples

Default (1)

Function variants

Default(1)

Files

src/components/registry/primitives/core/aspect-ratio.tsx→components/registry/primitives/core/aspect-ratio.tsx

Dependencies

@radix-ui/react-aspect-ratio

preview

Showcase

Loading component registry groups and selected install bundle...