DF
delta force

Dashboard - Copy this React, Tailwind Component to your project

Generate a dashboard page. It will have navbar which will contain dark and white icon. use shiny navy blue and purple for dark mode you can also use gradient of the colors on dark mode, in white mode keep some button color navy or purple. This page will contain title and subtext. This page will have two table called stations table and admin table. both tables will have search functionality which will work on all columns and also sorting feature. there will add button above both tables for adding new entry in the tables. both table also should button is the line of add button which will export data present in the tables in csv format. station table will have following columns: station id, station name, Fare, earning and actions. actions column will contain edit button per row. if user clicks on the edit button pop up will arrive which cotain form. This form will have station name and fare input fields also cancel and confirm button. after user clicks on the confirm button pop will closed and show successfull message. Admin table will have following tables: Admin name, title, email id, userid, password and actions. actions column will contain edit button per row. if user clicks on edit button pop up form should arrive. This admin pop up form will contain firstname, lastname, emaild, userid, title, passowrd, cancel and confirm button. In password column password should render in astricks and it also should have eye icon to hide and see the password for each row in the admin table.

Prompt
Component Preview

About

Dashboard - Create a responsive dashboard with tables for stations and admins, featuring search, sorting, edit forms, and CSV export.. Get code instantly!

Share

Last updated 1 month ago