Add Scrollspy on the component sidebar "Content" options

[Asfak00]

Is your feature request related to a problem? Please describe.
The issue arises when scrolling through the content of a webpage with a sidebar containing "Content" options. As the user scrolls through different sections of the page, the corresponding sidebar "Content" options are not dynamically highlighted or marked as active based on the currently visible section. This lack of synchronization between the sections and sidebar options can lead to confusion, as users may not easily know which section they are currently viewing.

Describe the solution you'd like
To fix this, you can implement a Scrollspy feature that tracks the scroll position and updates the active state of the sidebar options accordingly.

[nilaygit-10721]

can you assign me this issue?

[Asfak00]

Yes, sure. I have already been assigned to it. Please check the issue again. Thank you for your interest to contribute in ZenUI Library. We hope we will get something exciting from you soon.

…

On Thu, Nov 7, 2024 at 3:37 PM nilaygit-10721 ***@***.***> wrote: can you assign me this issue? — Reply to this email directly, view it on GitHub <#17 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/AZ4NB4TLVXLTS4OKFOAPIU3Z7MYHHAVCNFSM6AAAAABQSOTKYCVHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMZDINRRG42TANBXGM> . You are receiving this because you authored the thread.Message ID: ***@***.***>

[danishzayan]

@Asfak00 Assign me this issue.

[Asfak00]

@danishzayan done.

[danishzayan]

@Asfak00

I have fixed this issue. give me some time i will push my code.

[Asfak00]

Ok, thanks for the update.

…

On Mon, 11 Nov 2024, 11:51 pm Danish Kamal, ***@***.***> wrote: @Asfak00 <https://github.com/Asfak00> I have fixed this issue. give me some time i will push my code. — Reply to this email directly, view it on GitHub <#17 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/AZ4NB4XFZPRXL234PIX6FR32ADVAXAVCNFSM6AAAAABQSOTKYCVHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMZDINRYG4ZDSMRZGA> . You are receiving this because you were mentioned.Message ID: ***@***.***>

[danishzayan]

Merge Documentation

Completed Tasks

• Added input contents configuration for all form components
• Implemented scrollspy functionality for navigation
• Created separate content configs for:
  • Text Input
  • File Input
  • Select Input
  • Checkbox Input
  • Radio Input
  • Strong Password
  • Number Input
  • Range Input
  • OTP Input
  • Switch Input
• Tested scroll highlighting functionality
• Code organized and properly structured

PR Details

PR #33 Created for merging: View Pull Request

Next Steps

• work in progress for remaining scroll.

Testing Notes

• Verified scroll behavior across all input components
• Confirmed content highlighting works as expected
• Tested navigation functionality

loom Video: https://www.loom.com/share/200d0ca0a9724be7bac05eccc54aa3c7?sid=5893863e-ff7e-455e-a0e0-3ffabad08100