CODEWITHSUNDEEP
angularionic-framework
GeForce RTX 4090
GeForce RTX 4090

Reputation: 3498

Ionic list dividers

I am trying to make a list in Ionic 3 framework, but it's displayed without any dividers and that is confusing, because Ionic documentation says that "By default, all lists will be styled with divider lines". This is my code:

<ion-content padding>
  <ion-list>
      <ion-item *ngFor="let section of sections" (click)="goToSection(section)">
          {{section.name}}
      </ion-item>
  </ion-list>

And this is the output:

enter image description here

What could I be doing wrong?

Upvotes: 1

Views: 1560

Answers (1)

RamY
RamY

Reputation: 492

Is your list inside a card element, if so there will be no list dividers.

See here: https://ionicframework.com/docs/components/#card-list

Upvotes: 1

Related Questions