Skip to main content
Vuetify0 v1.0 releases July 22, 2026
Vuetify0 Logo
Theme
Mode
Palettes
Accessibility
Vuetify One
Sign in to Vuetify One

Access premium tools across the Vuetify ecosystem — Bin, Play, Studio, and more.

Not a subscriber? See what's included

AspectRatio API

Reserves a box with a fixed width-to-height ratio using CSS aspect-ratio.

Explore these related pages for additional context and usage patterns.

PageCategory
Aspect RatioPrimitives
ImageSemantic
AtomPrimitives

AspectRatio

Props

ratio

string | number | undefined

The aspect ratio as width / height. Accepts a number (16 / 9) or a CSS aspect-ratio string ('16 / 9', '1.777').

Default: 1

Slots

default

AspectRatioSlotProps
Was this page helpful?

© 2016-1970 Vuetify, LLC
Services
Ctrl+/