primitives

Aspect Ratio

Aspect Ratio — базовый примитив RevueUI (Reka UI + shadcn-совместимый API).

Загрузка превью…

src/ui/aspect-ratio/AspectRatio.vue

<script setup lang="ts">
/**
 * Порт базового радикс-слоя (registry/bases/radix/ui/aspect-ratio.tsx, MIT).
 * Radix AspectRatioPrimitive.Root -> reka-ui AspectRatio, один в один.
 */
import { AspectRatio } from "reka-ui"
</script>

<template>
  <AspectRatio data-slot="aspect-ratio">
    <slot />
  </AspectRatio>
</template>

src/ui/aspect-ratio/index.ts

export { default as AspectRatio } from "./AspectRatio.vue"

Установка

npx shadcn-vue@latest add https://revueui.rootapi.dev/r/aspect-ratio.json

npm-зависимости

reka-ui

Источник: порт из ReUI (Keenthemes, MIT)