mi6
Side navigation example appearing outside of component preview on small viewport
Summary of the bug
On a small viewport, the side navigation element in the component preview for the React Router variant appears outside of the component preview window
As you can see, there is no side nav in the box, and the side navigation title appears at the top of the page.
🪜 How to reproduce
Tell us the steps to reproduce the problem:
- Go to page: side navigation - code
- Click on: set your viewport to mobile with browser developer tools
- See the error
🧐 Expected behaviour
The React Router side navigation code preview should appear within the code preview box.
📝 Acceptance Criteria
If relevant, describe in full detail the different interactions and edge cases that the component or patterns needs to fulfil.
Given Someone is on a small viewport When They visit the code page for side navigation Then Then the React Router code example should appear in the component preview box
🚨 Urgency (low, medium or high)
High
Additional info
Should just be a case of adding the inline attribute to the side navigation element for the React Router example
