menu
Channels
Team
Posts
Members
Info
down-caret

Router: Newbie here: Can't seem to get this to work

I'm trying to get an isCurrent Link working with styled-components. So I'm trying to pass a prop but it just does not seem to work. If I use style{} it works, as per the example on the website. But custom props seem to be giving me a hard time.

thumbsup
0
message-simple
0

How to handle relative routes, when you have nested routes with navigate()

First of all, is <Link /> the same with navigate() in it' basic usage, meaning if I pass a path value to Link's to prop, or I pass path to navigate as a parameter, do we have the same outcome. I am working on a Sidebar, that has links ... Previously I had an implementation that…

thumbsup
0
message-simple
0

Link or navigate does not render components but updates URL

I'm running into a really odd issue in my environment. I'm using GatsbyJs (version: 2.13.51), which I believe includes Reach Router (@reach/router@1.2.1). Below is a snippet of an App component that I'm working with. The first route (/app/add-user) is working fine. The next…

thumbsup
0
message-simple
3

How to pass `isCurrent` property of Link to it's child element

I am trying to set active routes in my navigation list as "selected". I've looked at the active link example in the docs site (https://reach.tech/router/example/active-links) and also read through the Link's API. But, unfortunately I'm not able to apply it to my UI. I'm using…

thumbsup
0
message-simple
2

Click inside popup over Reach Link triggers link

This is a bit tricky to describe, but I made a simple sandbox that demonstrates the issue: https://codesandbox.io/s/reach-router-popup-link-3k655 The entire row is a Reach Link, mouse over col2 and you get a popup that contains some text. If you click anywhere inside that popup,…

thumbsup
0
message-simple
0

Code splitting breaks focus management

I have an app that has a wizard where I use an embedded router and implement code-splitting per step in the wizard. When I press the "Next" button and navigate from one page to the next, the chunk for the next page is loaded (it's prefetched). In this scenario, the main area…

thumbsup
0
message-simple
0

Doc question - using props that start with _

I need to style the active tab, seen in the example here: https://reacttraining.com/reach-ui/tabs/#tab ('CoolTab'). The sample code uses a prop isSelected but when I inspect the element, the only prop available is _isSelected - but the docs indicate we should not use any props…

thumbsup
0
message-simple
4

How do you animate the AccordionPanel's height?

Is there any examples of animating the new accordion component? I tried following https://reacttraining.com/reach-ui/animation#react-spring, but getting tripped up since I need to know the open state of the panel. I thought since data-state shows the open state, I could just set…

thumbsup
0
message-simple
1

Reuse Listbox in the future

Do you reuse the Listbox inside Combobox in the future instead of using ComboxList? Right now I see the implementation of the Listbox is Collapsible Dropdown Listbox. What if create a Scrollable Listbox and reuse in the Collapsible Dropdown Listbox and Combobox

thumbsup
0
message-simple
4

Initial tabpanel hidden

Is there a clean way to hide the first tab panel when visiting the component? I've set the index to '-1' however that's caused all <Tab> buttons to have a tabIndex of -1 meaning keyboard users are unable to see any.

thumbsup
1
message-simple
4