Reka UI logoReka
backdrop
Components

Aspect Ratio

Displays content within a desired ratio.
Landscape photograph by Tobias Tullius

Features

  • Accepts any custom ratio.

Installation

Install the component from your command line.

sh
$ npm add reka-ui

Anatomy

Import the component.

vue
<script setup>
import { AspectRatio } from 'reka-ui'
</script>

<template>
  <AspectRatio />
</template>

API Reference

Root

Contains the content you want to constrain to a given ratio.