F7-list/F7-list-item Horizontal Display

Hi All,

I have the below codes displaying users in vertical list. I want to display same list horizontally. How can I do this?

<f7-list class="search-list searchbar-found">
    v-for="(frd, index) in friends"
    <f7-badge color="red" slot="after-title" v-if="frd.message_count > 0">{{


Nosa Osahon

From: https://framework7.io/vue/list-item.html

  • f7-list-item-row - list item row element for custom layout
  • f7-list-item-cell - list item cell element for custom layout
1 Like