Skip to content

✨ Add Modal/Popup Component#109

Closed
Vasu10134 wants to merge 3 commits into
Gyanthakur:mainfrom
Vasu10134:@feature/ModalComponent
Closed

✨ Add Modal/Popup Component#109
Vasu10134 wants to merge 3 commits into
Gyanthakur:mainfrom
Vasu10134:@feature/ModalComponent

Conversation

@Vasu10134

Copy link
Copy Markdown

This PR implements a reusable Modal component as requested in
#34.

The component allows developers to easily integrate modals for alerts, confirmations, or forms within the library.

🚀 Features Implemented

  • 🟢 Open / Close Toggle State via isOpen and onClose props
  • 🌑 Dark Transparent Overlay to dim background
  • 🧰 Basic Tailwind CSS Styling for clean and modern UI
  • 🧩 Accepts children to support flexible modal content
  • 🖱️ Closes on outside click and via close button

🧪 Testing Done

  • Verified modal open/close functionality
  • Checked background overlay and content rendering
  • Tested responsive behavior on different screen sizes
  • No errors or warnings in console ✅

🧭 Files Changed

  • src/app/Modal.js → New Modal component
  • src/app/page.js → Reverted test UI (local test not included in PR)

✅ Linked Images

Screenshot 2025-10-11 212359 Screenshot 2025-10-11 212407

@vercel

vercel Bot commented Oct 11, 2025

Copy link
Copy Markdown

@Vasu10134 is attempting to deploy a commit to the gyanthakur's projects Team on Vercel.

A member of the Team first needs to authorize it.

@github-actions github-actions Bot left a comment

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Great job, @Vasu10134! Thanks for creating the pull request.
Soon the maintainers/owner will review it and provide you with feedback/suggestions.
Make sure to star this awesome repository and follow the account!

@vercel

vercel Bot commented Oct 11, 2025

Copy link
Copy Markdown

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Preview Comments Updated (UTC)
component-library Ready Ready Preview Comment Oct 11, 2025 4:36pm

@Gyanthakur Gyanthakur left a comment

Copy link
Copy Markdown
Owner

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

change this in components section

@Vasu10134 Vasu10134 removed their assignment Oct 11, 2025
@Vasu10134

Copy link
Copy Markdown
Author

assign me again please

@Gyanthakur Gyanthakur closed this Oct 12, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants