CIHR
Christian Iván Hernández Ricardez

Default Component - Copy this React, Tailwind Component to your project

Create a screen that contains a table with the following columns: ID, Kit Name, Number of Teams, Status, and an additional column with a menu. This menu should include three buttons that allow you to display the following options: 'View', 'Edit', and 'Delete'. 'View' Option: When clicking this button, a new screen should open, displaying the complete information of the kit, such as the kit's name, the teams it contains (which consist of official items such as pistols, bulletproof vests, patrol cars, etc.), the total number of teams, the status, and any other relevant information. 'Edit' Option: When selecting this option, a new screen should open (not a modal), with the ability to edit the kit's name, add or remove official items (such as pistols, bulletproof vests, patrol cars, etc.), and modify any other data related to the kit. This screen should also allow updating the number of items and the kit's status. 'Delete' Option: This option should delete the selected kit along with all the official items associated with it. When clicking this button, a confirmation prompt should appear before the deletion is carried out. The table should be interactive and allow the display of detailed information for each kit, as well as enable easy and efficient modifications or deletions.

Prompt
Component Preview

About

DefaultComponent - Interactive table with ID, Kit Name, Teams, Status, and a menu for View, Edit, Delete options. Built with React and T. Start coding now!

Share

Last updated 1 month ago