How to have kind of 'named slot' in Solid like Vue? | SolidJS | Page 1

untold knot Dec 6, 2022, 9:54 AM

#

I know there is 'props.children'

But I want to place each children to different location inside component.
What should I have to do?

flint citrus Dec 6, 2022, 10:13 AM

#

<div>
  {props.firstSlot}
  <div>
    {props.secondSlot}
  </div>
</div>

<Foo firstSlot={<span />} secondSlot={<span />} />

untold knot Dec 6, 2022, 11:17 AM

#

Ok, I should add props. what's the type of slot in TS? 'JSXElement' ?

#How to have kind of 'named slot' in Solid like Vue?