A
Anonymous

Video Card - Copy this React, Tailwind Component to your project

When we run the function it should be added to the card .we have container class that may contain many card . we use class .card . Write a function that contain function createCard(title, cName, views, monthsOld, duration, thumbnail){ // Finish this function } sample example : createCard("Introduction to Backend | Sigma Web Dev video #2", "CodeWithHarry", 560000, 7, "31:22", "https://i.ytimg.com/vi/tVzUXW6siu0/hqdefault.jpg?sqp= oaymwEcCPYBEIoBSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLACwWOixJVrKLFindK92kYMgTcQbw") when createcard is run , it should go in the container or make button that add it to container when clicked dynamically html sample: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF 8"> <meta name="viewport" content="width=device width, initial scale=1.0"> <title>Document</title> </head> <body> <div class="container"> </div> <script src="script.js"></script> </body> </html>

Prompt
Component Preview

About

VideoCard - Create dynamic video cards with title, views, and thumbnails. Built with React and Tailwind, easily add to container. Download code free!

Share

Last updated 1 month ago