How to best display key-value pairs in a list?

@Audrey84 wrote:

Assume I have a Contact that has a lot of properties: Name, Last Name, Phone Number, Age etc. I want to display this data in an <ion-list> with <ion-item>s. Problem is, I can't seem to find a nice component (or combination of components) to display my key value pairs with key on the left, value on the right.

Here is what I looked at:

• <ion-list> doesn't seem to offer anything like that: https://ionicframework.com/docs/components/#lists
  I can use dividers and headers of course to structure my data list, but for each key-value pair that doesn't help.
• <ion-label> seems to only work with Input: https://ionicframework.com/docs/api/components/label/Label/
• <ion-card> has more positioning stuff, but I don't really want to use a card as my whole page is the Contact.

What did I miss?

Posts: 1

Participants: 1

Read full topic