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	Object		null	A partial ThemeObject keyed by component name, merged over this component's theme and provided to descendants.
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