S
SolidJS•6mo ago
binajmen

How to Inform children of the active status of it's parent <A/>

I'm looking at something like: 
<A href=".." class=".." activeClass="..">
  {({ active }) =>
    <span classList={{ "my-class": active }}>..</span>
  }
</A>
<A href=".." class=".." activeClass="..">
  {({ active }) =>
    <span classList={{ "my-class": active }}>..</span>
  }
</A>
2 Replies
Alex Lohr
Alex Lohr•6mo ago
That's currently not possible. You could replicate the mechanism that detected whether an anchor is active: https://github.com/solidjs/solid-router/blob/main/src/components.tsx#L50C4-L50C4 However, it would be nice to have an exported function that allows you to check whether a certain path is active in a single call.
GitHub
solid-router/src/components.tsx at main · solidjs/solid-router
A universal router for Solid inspired by Ember and React Router - solidjs/solid-router
binajmen
binajmen•6mo ago
Thank you for pointing that out. I'll post a suggestion then 🙂
Want results from more Discord servers?
Add your server
More Posts
Solid-start + mdx: remark-shiki-twoslash does not workI tried the current version of solid-start with mdx and attempted to integrate remark-shiki-twoslashHow props.children get informed in router.jsx value change ? eg: logined =true,children refresh```jsx //app.jsx const App = (props) => { const [logined, setLogined] = createSignal(false); retError while using useNavigate() or <Navigate />PrivateRoute.tsx ` import { Route, useNavigate } from '@solidjs/router' import Index from '../pagesLowercase propsWhat is point of lowercase props "tabIndex" vs "tabindex", "onClick" vs "onclick" and etc?Good library for handling combobox-style search UI? (with Pagefind)I'm trying to create an Algolia-style interface with [Pagefind](https://pagefind.app)'s search API, Which Solidjs Router library should we useThere are different libraries for SolidJs Router in different documentations earlier it was " solid-