S
SolidJS•2y ago
musiclover

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

I know there is 'props.children' But I want to place each children to different location inside component. What should I have to do?
3 Replies
lxsmnsyc
lxsmnsyc•2y ago
<div>
  {props.firstSlot}
  <div>
    {props.secondSlot}
  </div>
</div>
<div>
  {props.firstSlot}
  <div>
    {props.secondSlot}
  </div>
</div>
<Foo firstSlot={<span />} secondSlot={<span />} />
<Foo firstSlot={<span />} secondSlot={<span />} />
musiclover
musiclover•2y ago
Ok, I should add props. what's the type of slot in TS? 'JSXElement' ?
lxsmnsyc
lxsmnsyc•2y ago
yes, JSX.Element to be specific
Want results from more Discord servers?
Add your server
More Posts
Conditional rendering approachHi, it's often the case there is a need to conditionally render components given data that may be unSolid Show animation?I'm currently using '@motionone/solid' library. But the bundle size is 20k, very huge... I hope SoliHow to set delay on signal's setterHello! I'm trying to set a delay between mouseover and then menu opening. The menu is opened depenShould I use 'batch' for store?I want to call multiple setState. But i'm afraid it will render multiple times. So I wrapped with 'bHow to make custom getter for store?Can I do it like this? I don't guess the getState function would be reactive. is it possible?Plz, What's best store design pattern in this case?I made a simple example code to explain my current situation. Please see my picture. I have color prI'm having issues deployment a Solid start site to cloudflare pagesThe site is working on local and I already follow the steps on start-cloudflare-pages but then I useGithub pagesDoes anyone know if a SolidJS app will work with GitHub pages?