Vuetify0 is now in alpha! See the roadmap for details.

Theme

Mode

Palettes

Accessibility

AspectRatio API

API reference for the AspectRatio component.

Explore these related pages for additional context and usage patterns.

Page	Category
Aspect Ratio	Primitives
Image	Semantic
Atom	Primitives

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?