Presenter Query

Liberty Create - Build Advice
2

Hi @s.vernon ,

Code Studio presenters uses Vue 3 as the framework and therefore you would need to work this in Vue, but this is very doable to be honest.

There are a few ways of achieving this, but I would use a computed property to determine which Icon to display, then dynamically applying the class based on this.

Firstly, extract the displayable value.

Then, your Computed property will determine which set of classes to display, based on the extracted displayable value (note, A, B and C are my example values here):

computed: {
  iconClass() {
    switch (your-field) {
      case 'A':
        return 'fa-solid fa-user';
      case 'B':
        return 'fa-solid fa-comment';
      case 'C':
        return 'fa-solid magnifying-glass';
      default:
        return '';
    }
  }
}

Your HTML will then be configured as such:

<i :class="iconClass"></i>

Hope this helps! :slight_smile: