AspectRatio

Overview

Constrains content to a given aspect ratio using Reka UI's AspectRatio primitive.

Theme entry: AspectRatio

Props

Name	Type	Required	Default	Description
themeOverride	String|Object|Array		null	A partial theme object merged with the component's default theme; accepts a class string, class array, or theme object.
class	import('vue').HTMLAttributes['class']		undefined	Additional CSS classes to apply to the root element.
ratio	number		1	The desired aspect ratio (e.g. 16/9).
as	string|object		undefined	The element or component to render as.
asChild	boolean		false	When true, merges props onto the child element instead of rendering a wrapper.

Slots

default

Scoped slot.

Source

client/lib/display/aspect-ratio/AspectRatio.vue