A
Anonymous

Voting Booth Card - Copy this React, Tailwind Component to your project

Create a simple and clean webpage that displays a voting booth card for a person. The card should contain the following elements: Person's Name: Display the person's name prominently at the top of the card, using a bold font. Voting Booth Address: Include the full address of the person's voting booth below the name, with a smaller but still readable font size. Map Display: Below the address, show a small interactive map that pinpoints the voting booth address location. You can use an embedded Google Maps frame or any other suitable mapping tool. Buttons: A button labeled "Navigate" that redirects the user to Google Maps for navigation. A button labeled "Share on WhatsApp" that allows the user to share the address and a link on WhatsApp. A button labeled "Copy Link" that copies a link to the clipboard when clicked. Make the design responsive and mobile friendly, ensuring the map and buttons display correctly on all screen sizes.

Prompt
Component Preview

About

VotingBoothCard - Display a person's name, voting booth address, interactive map, and buttons for navigation, sharing, and copying. Bui. Copy template now!

Share

Last updated 1 month ago