how can i set dynamic icons?

[apithy-isidro-martinez]

What is the best way to set the icon name dynamically based on a variable? I tried this way and it works, but I don't know if there's a better way to do it.

<component :is="status ? chevron-right-icon':'chevron-left-icon'" />

<script>
export default {
  data () {
    return {
      status: true
    }
  }
}
</script>

If this way is correct, you may update the readme with this info

[alex-oleshkevich]

Yes, this is totally fine. You also can wrap components into multiple <template> tags but it is more verbose:

<template v-if="status">
    <chevron-right-icon />
</template>
<template v-else>
    <chevron-left-icon />
</template>