feat: Add Pure CSS Dismissible Alert Demo (No JS needed) #822
Conversation
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Member
|
Please provide the demo video of your project. @Kulsum-ahmad |
Contributor
Author
Recording.2025-10-12.094750.mp4Sure, i have attached the demo video @aayush105 |
Member
|
Only success alert? Could you please add the multiple alerts, like error, info, warnings and so on. |
Contributor
Author
|
Hi! @aayush105 , I'm happy to confirm that the changes have been implemented successfully. I expanded the demo to include Error, Warning, Info and some more alert types, all using the same pure CSS Checkbox Hack logic. The changes have been pushed to this branch only. Thank you again for the feedback! I'm excited to have this contribution merged for Hacktoberfest. I have also added the video demo video link: |
aayush105
approved these changes
Oct 12, 2025
Member
aayush105
left a comment
aayush105
left a comment
There was a problem hiding this comment.
LGTM! @Kulsum-ahmad
Thank you for your contribution.
Merged
rishu685
pushed a commit
to rishu685/You-Dont-Need-JavaScript
that referenced
this pull request
Oct 15, 2025
…ss-dismissible-alert feat: Add Pure CSS Dismissible Alert Demo (No JS needed)
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
2 participants
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Hello! I'm submitting this contribution for Hacktoberfest.
This PR introduces a new component: a Pure CSS Dismissible Alert/Notification.
What it does:
Demonstrates how to create a typical website alert (like a cookie banner or success message) that can be permanently closed by the user.
The dismissal functionality is achieved entirely using the Checkbox Hack ( combined with the CSS sibling selector :checked).
No JavaScript is used for toggling visibility or animating the exit.