宽高比

以期望的宽高比显示内容。

查看代码

特性

从命令行安装此组件。

$ npm add reka-ui

导入组件。

vue

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

<template>
  <AspectRatio />
</template>

包含您希望限制为给定宽高比的内容。

属性	默认	类型
`as`	`'div'`	`AsTag \| Component` 此组件应渲染为的元素或组件。可通过 `asChild` 覆盖。
`asChild`		`布尔值` 更改默认渲染元素为作为子项传递的元素，合并它们的属性和行为。阅读我们的组合指南了解更多详情。
`宽高比`	`1`	`数字` 所需的宽高比。例如：16/9

插槽（默认）	载荷
`宽高比`	`数字` 当前宽高比（百分比）