Hey all, I want to make a List component where I can add components as list items. For this, it needs a slot. However, to make valid lists with HTML, I’m pretty sure <li> elements need to be direct children of a <ol> or <ul> element.
The simple solution would be to make the slot element a <ol> or <ul>, but I can’t figure out how to make it one… I can make the parent of the slot a custom element and manually change its tag, but then it ends up like this:
<ul>
<div>
<li>item 1</li>
<li>item 2</li>
<li>etc...</li>
</div>
</ul>
…where the slot div sits between the <ul> parent and the <li> children.
Adding a class with a display: contents prop to the slot doesn’t work either because it’s still loaded in the DOM anyway. Is there a way to change the slot tag to something other than Webflow’s default dropdown?
