Pass html string to prop component

,
#1

hi,
Hello,
is it possible or there is a way to be able to pass html to a prop component ?

br
Max

#2

For props, there is no difference between html strings and normal strings.
Render the html string with the v-html directive.

#3

Hello,
i’m using new bootstrap 5 for vue “Accordion | BootstrapVue 3” and in accordion component i’m trying to put an icon next to the title, but i don’t know how to do it:

in the example i have this:

<b-accordion-item :title="title">
   
**title = "<i class='fas fa-check'></i> Accordion Item #1";**

i want pass a variable html to title but not working.

any help?

br
Max
#4

There is good news, this component has a title slot

<b-accordion-item>
  <template #title>
    <i class='fas fa-check'></i> {{ title }}
  </template>
</b-accordion-item>
```
#5

ok
Thanks for the reply
br
Max