[React] A side panel but only for one page

I want to have something like a right panel, but only for one page/route (and only on tablet/desktop).

I have tried showing it at mount/unmount time, but it ignores closeByBackdropClick and shows a backdrop over the page.

I have tried using a breakpoint, and that works, but then is for every page.

I tried a master/detail but the the master gets a fixed width in the center rather the detail having a fixed width on the side (I can set the css to do a calc, but feels like i am missing something). At that point normal navigation goes to the detail area instead of main. :confused:

I ended up just doing my split view, which wasn’t too difficult. Sorry for the noise.

1 Like