Skip to content

Conversation

@vibhutomer
Copy link
Contributor

Issue : #202

Description

I have created an interactive sidebar component with two states:

  1. Collapsed (Rail): Shows only icons.
  2. Expanded (Drawer): Shows icons and text labels.

Features

  • Expand/Collapse Animation: Clicking the black arrow icon (top left) toggles the sidebar between expanded and collapsed states.
  • Smart Animate: Used Smart Animate (300ms) for a smooth transition.
  • Hover Effects: Added hover states for menu items.

How to Test

  1. Open the Figma link.
  2. Click the Play button.
  3. Click the Back Arrow (<) to collapse the sidebar.
  4. Click anywhere on screen to expand it.

@OpenGitBot
Copy link

Hey @vibhutomer

Thanks for opening this PR 🚀. Mentor will review your pull request soon and till then, keep contributing and stay calm.

Thanks for contributing in OpenCode'25 ✨✨!

@Soham-Donode Soham-Donode merged commit 069b3a6 into opencodeiiita:main Jan 29, 2026
@OpenGitBot
Copy link

Hey @vibhutomer

Your PR has been merged 🥳🥳 and you have earned 40 points.

Thanks for contributing in OpenCode'25✨✨

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants