YC
Yassine CHARIF

Advanced Notification Popup - Copy this Html, Tailwind Component to your project

Scenarios : Please create a stylish notification popup that appears under the following scenarios: 1. *Search Action*: When a user clicks the search button or attempts to search for a domain name without a valid extension (e.g., searching "hello" without a .com, .net, etc.), a red popup should display, warning them of the invalid domain name. 2. *KO Status Click*: If a user clicks on a KO status to fetch a value, a green popup should appear to confirm the successful retrieval. 3. *Successful Search*: When a valid domain name is searched and no errors occur, a green popup should confirm a successful search with a 0 value. 4. *File Upload*: When a user uploads a CSV or TXT file containing valid domain names, a green popup should appear showing the number of successfully added domain names. 5. *Invalid Domain Upload*: If the uploaded file contains invalid domain names, a red popup should warn the user. 6. *Duplicate Domains*: If the file contains duplicate domain names that already exist in the table, an orange popup should notify the user, providing a link to download the list of duplicated names. 7. *Mixed File Upload*: If the file contains a mix of valid, invalid, and duplicate domain names, all three popups (green for valid, red for invalid, and orange for duplicates) should appear stacked one after another and dismissible.

Prompt
Component Preview

About

Advanced Notification Popup - Stylish alerts for search errors, file uploads, and duplicates. Built with HTML and Tailwind. Download instantly!

Share

Last updated 1 month ago