Scroll Area

import { Component } from '@angular/core';
import { NgFor } from '@angular/common';
import { HlmSeparatorDirective } from '@spartan-ng/ui-separator-helm';
import { NgScrollbarModule } from 'ngx-scrollbar';
import { HlmSeparatorDirective } from '@spartan-ng/ui-separator-helm';

@Component({
  selector: 'spartan-scroll-area-preview',
  standalone: true,
  imports: [NgFor, HlmSeparatorDirective, HlmSeparatorDirective, NgScrollbarModule],
  template: `<ng-scrollbar hlm class="border-border h-72 w-48 rounded-md border">
            <div class="p-4">
                <h4 class="mb-4 text-sm font-medium leading-none">Tags</h4>
                <div class="text-sm" *ngFor="let tag of tags">
                    {{ tag }}
                    <div hlmSeparator class="my-2"></div>
                </div>
            </div>
        </ng-scrollbar>`,
})
export class ScrollAreaPreviewComponent {
  tags = Array.from({ length: 50 }).map((_, i, a) => `v1.2.0-beta.${a.length - i}`);
}