NY
Neha Yadav

Team Building Form - Copy this React, Tailwind Component to your project

import React from 'react'; import { Camera, Users, MessageCircle } from 'lucide-react'; const TeamBuildingCard = () => { return ( <div className="max-w-sm rounded overflow-hidden shadow-lg hover:shadow-2xl transition duration-300 ease-in-out bg-white"> <div className="px-6 py-4"> <div className="font-bold text-xl mb-2">Let's Build a Team!</div> <p className="text-gray-700 text-base"> Creating the perfect team is crucial for success. Start by adding members who complement each other's skills and abilities. </p> </div> <div className="px-6 pt-4 pb-2"> <span className="inline-block bg-blue-200 rounded-full px-3 py-1 text-sm font-semibold text-gray-700 mr-2 mb-2"><Camera className="inline-block mr-1" size={18} />Capture Moments</span> <span className="inline-block bg-green-200 rounded-full px-3 py-1 text-sm font-semibold text-gray-700 mr-2 mb-2"><Users className="inline-block mr-1" size={18} />Team Spirit</span> <span className="inline-block bg-red-200 rounded-full px-3 py-1 text-sm font-semibold text-gray-700"><MessageCircle className="inline-block mr-1" size={18} />Open Discussions</span> </div> </div> ); }; export default TeamBuildingCard;

Prompt
Component Preview

About

TeamBuildingForm - Create teams effortlessly with member skills, capture moments, and foster discussions. Built with React and Tailwind. Get free template!

Share

Last updated 1 month ago