layer5io
[Fix] #6331 Fix Text Input Code Section & Enable Scrolling in Component Sidebar
…tioning
Description This pull request resolves both the issues mentioned in #6331:
Text Input Code Section Completed
Component Sidebar Made Scrollable with max-height and sticky positioning
Changes Made :
- Text Input Code Section Replaced the placeholder "Sorry, this page is still under work" message with an actual usage example of the Input component.
Used
blocks to manually render the example code without requiring external libraries like react-syntax-highlighter.
Ensures users can view copyable JSX code to help understand usage of the @layer5/sistent Input component.
- Sidebar Scroll Fix
Updated the .sidebar class in SistentWrapper styled component.
Replaced the hardcoded height: 150rem with:
This ensures the sidebar does not overflow, remains visible, and is scrollable on smaller screens or when many components are listed.
This PR fixes #6331
Notes for Reviewers
Thanks to the Layer5 community and maintainers for the opportunity to contribute!
- [x] Yes, I signed my commits.
🚀 Preview for commit 97a0120ee92f3e810c6ae5c5131166b560e875e5 at: https://684ab04743cebb0517bbb7f2--layer5.netlify.app
@Ayushmore1214 Thank you for your contribution! Let's discuss this during the website call today at 5:30 PM IST | 7 AM CT
Add it as an agenda item to the meeting minutes, if you would :)
🚀 Preview for commit 5e27093407373e11f539daa0db72e5bce41b7161 at: https://684fff15cbe011b1d6e90d2a--layer5.netlify.app
