aspect-ratio

shadcn-vue/aspect-ratio

FreeComponent

shadcn-vue publishes no description for this item.

Live preview

live · rendered by the registry

Rendered by shadcn-vue on their own page — this is the component running, not a screenshot of it.

Install it

npx shadcn@latest add https://shadcn-vue.com/r/styles/new-york/aspect-ratio.json

Source

ui/aspect-ratio/AspectRatio.vueshadcn-vue.com/r/styles/new-york/aspect-ratio.json

1<script setup lang="ts">
2import type { AspectRatioProps } from "reka-ui"
3import { AspectRatio } from "reka-ui"
4 
5const props = defineProps<AspectRatioProps>()
6</script>
7 
8<template>
9  <AspectRatio v-bind="props">
10    <slot />
11  </AspectRatio>
12</template>

What it pulls in

npm packages

reka-ui

Files it writes

ui/aspect-ratio/AspectRatio.vue
ui/aspect-ratio/index.ts

More from shadcn-vue

All 65 items

Same registry, same kind — the ones you would have found next
Component	Registry	Kind	Access	Installs
accordionaccordion	shadcn-vue	Components	Free	2 deps · 5 files
alertalert	shadcn-vue	Components	Free	no deps · 4 files
alert-dialogalert-dialog	shadcn-vue	Components	Free	2 deps · 10 files
attachmentattachment	shadcn-vue	Components	Free	1 dep · 10 files
avataravatar	shadcn-vue	Components	Free	2 deps · 4 files
badgebadge	shadcn-vue	Components	Free	2 deps · 2 files
breadcrumbbreadcrumb	shadcn-vue	Components	Free	1 dep · 8 files
bubblebubble	shadcn-vue	Components	Free	1 dep · 5 files