aspect-ratio

adrianub/aspect-ratio

FreeComponent

adrianub publishes no description for this item.

Live preview

live · rendered by the registry

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

Install it

npx shadcn@latest add https://ui.adrianub.dev/r/styles/new-york/aspect-ratio.json

Source

ui/aspect-ratio.tsui.adrianub.dev/r/styles/new-york/aspect-ratio.json

1import { Directive } from '@angular/core'
2 
3import { RdxAspectRatioDirective } from '@radix-ng/primitives/aspect-ratio'
4 
5@Directive({
6  standalone: true,
7  selector: '[ubAspectRatio]',
8  hostDirectives: [
9    {
10      directive: RdxAspectRatioDirective,
11      inputs: ['ratio'],
12    },
13  ],
14})
15export class UbAspectRatioDirective { }

What it pulls in

npm packages

@radix-ng/primitives

Files it writes

ui/aspect-ratio.ts

More from adrianub

All 23 items

Same registry, same kind — the ones you would have found next
Component	Registry	Kind	Access	Installs
accordionaccordion	adrianub	Components	Free	1 dep
alertalert	adrianub	Components	Free	no deps
avataravatar	adrianub	Components	Free	1 dep
badgebadge	adrianub	Components	Free	no deps
breadcrumbbreadcrumb	adrianub	Components	Free	no deps
buttonbutton	adrianub	Components	Free	no deps
cardcard	adrianub	Components	Free	no deps
collapsiblecollapsible	adrianub	Components	Free	1 dep