Aspect Ratios

The v-responsive component can be used to fix any section to a specific aspect ratio

Usage


API

v-responsive
Name
aspect-ratio
Default
undefined
Type
string | number

Sets a base aspect ratio, calculated as width/height. This will only set a minimum height, the component can still grow if it has lots of content

Name
height
Default
undefined
Type
number | string

Sets the component height

Name
max-height
Default
undefined
Type
number | string

Sets the maximum height for the content

Name
max-width
Default
undefined
Type
number | string

Sets the maximum width for the content

Name
width
Default
undefined
Type
number | string

The width of the content