Aspect Ratio

import { Component } from '@angular/core';
import { HlmAspectRatioDirective } from '@spartan-ng/ui-aspectratio-helm';

@Component({
  selector: 'spartan-aspect-ratio-preview',
  standalone: true,
  imports: [HlmAspectRatioDirective],
  template: `
    <div class="max-w-xl overflow-hidden rounded-xl drop-shadow">
      <div [hlmAspectRatio]="16 / 9">
        <img alt="Mountain views" src="/mountains.jpg" />
      </div>
    </div>
  `,
})
export class AspectRatioPreviewComponent {}