chrome:shell.skip

generated:catalog.entry.aspect-ratio.title

generated:catalog.entry.aspect-ratio.description

@xngui/components/aspect-ratio
@xngui/components/aspect-ratio

chrome:demo.section

chrome:demo.preview

Sample 16:9 media
demo-preview:hints.category.assistive:
TipSR
import { Component } from '@angular/core';
import { XAspectRatio } from '@xngui/components/aspect-ratio';
 
@Component({
selector: 'app-example',
imports: [XAspectRatio],
templateUrl: './aspect-ratio.component.html',
})
export class ExampleComponent {}

chrome:demo.events.title

chrome:demo.events.empty

chrome:demo.api.title

x-aspect-ratio

chrome:demo.api.col.property
chrome:demo.api.col.type
chrome:demo.api.col.default
chrome:demo.api.col.description
ratio
XAspectRatioValue
16 / 9
Width divided by height — e.g. `16:9`, `16 / 9`, or `1`.