OH3 oh-cell with f7-chip and icon - icon not displayed

Hi All

I am trying to set up an oh-cell with a couple of f7-chip with the icon displayed. Adding the icon: f7:compass statement seems to allocate space for the icon, but it is not displayed:

image

The code to produce this is as follows:

component: oh-cell
config:
  on: true
  title: TEST
slots:
  header:
    - component: f7-list
      config:
        mediaList: true
      slots:
        default:
          - component: f7-list-item
            config:
              title: TEST
            slots:
              title:
                - component: f7-chip
                  config:
                    color: gray
                    text: Lounge
                - component: f7-chip
                  config:
                    icon: f7:compass
                    icon-color: black
                    color: gray
                    text: Lounge

Any ideas on how to get the icon to display?

Thanks
Mark

If you want the f7 icons on the chip use:

iconF7: compass

instead.

1 Like

Thanks Justin. Speedy solution as always.