primitives

Aspect Ratio

Aspect Ratio — a base RevueUI primitive (Reka UI + a shadcn-compatible API).

Loading preview…

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"

Install

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

npm dependencies

reka-ui

Source: ported from ReUI (Keenthemes, MIT)