Aspect ratio
blok/aspect-ratioFreeComponent
Displays content within a desired ratio.
Install it
npx shadcn@latest add https://blok.sitecore.com/r/aspect-ratio.jsonSource
1"use client";23import { AspectRatio as AspectRatioPrimitive } from "radix-ui";45function AspectRatio({6 ...props7}: React.ComponentProps<typeof AspectRatioPrimitive.Root>) {8 return <AspectRatioPrimitive.Root data-slot="aspect-ratio" {...props} />;9}1011export { AspectRatio };
What it pulls in
npm packages
Other registry items
Files it writes
More from blok
All 72 items| Component | Registry | Kind | Access | Installs | Command |
|---|---|---|---|---|---|
| Accordionaccordion | blok | Components | Free | 2 deps · 2 files | |
| Action baraction-bar | blok | Components | Free | 1 dep · 2 files | |
| Alertalert | blok | Components | Free | 2 deps · 2 files | |
| Alert dialogalert-dialog | blok | Components | Free | 2 deps | |
| Avataravatar | blok | Components | Free | 1 dep | |
| Badgebadge | blok | Components | Free | 2 deps | |
| All componentsblok-components | blok | Components | Free | no deps | |
| Breadcrumbbreadcrumb | blok | Components | Free | 2 deps · 2 files |
