Help with carrousel implementation

[mxrty]

Hi, im trying to use ngprime carrousel component in my project for the first time and is not working well. I think the problem should be relationated with styles but i check everyhing and i think its okay i ll let you some images
this is how it look likes :

[PhilHuhn]

Hey: Not much to go on. How's about the HTML code at least. This is what I did:

Code: Select all

<p-carousel [value]="data">
  <ng-template let-d pTemplate="item">
    <div>Part: {{d.id}}</div>
    <div>{{d.name}}</div>
    <div>Available: {{d.cnt}}</div>
  </ng-template>
</p-carousel>

Code

Code: Select all

  data: any[] = [];
  //
  ngOnInit(): void {
    this.data = [
      {id: 10001, name: 'Item 10001', cnt: 5 },
      {id: 10002, name: 'Item 10002', cnt: 7 },
      {id: 10003, name: 'Item 10003', cnt: 6 },
      {id: 10004, name: 'Item 10004', cnt: 11 },
      {id: 10005, name: 'Item 10005', cnt: 1 },
    ];
  }