How Do I insert an icon into a line of text?

Elements
1

I’m stumped.

Any assistance would be greatly appreciated.

2

It’s a little tricky to insert an icon mid-line of text in a paragraph :thinking: But you can eaily use a flex to add an icon at the start or end of a line of text.

Do you have an example of what you want to do? Let me know and I can record a quick video showing you how to do it!

3

Thanks Dan.

I used a flex container with a SVG and Text inside.

Yes please a quick video would be helpful!

Thanks

4

Any suggestions for bullets?! :slight_smile:

5

You could use a custom component…

Here’s some sample code:

<ul class="list-disc">
  <li>Item 1</li>
  <li>Item 2</li>
  <li>Item 3</li>
</ul>
6

I added my own version of a bullet list

1 Like
7

Thank Dan

That’s a whole lot a work for a very simple attribute.

I think lists and bullets needs to be a clickable attribute selection under the General Aa in the Inspector.

The same for Image Wrap. You should be able to drag an image into a text component and the wrap setting appear in the General Aa Inspector: wrap left, wrap right, padding, etc.