Skip to content

Aspect ratio

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

Maintains width-to-height ratio for media.

Preview

Sample 16:9 media
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 {}

Events

Interact with the preview — events will appear here.