SM
Saurabh Mishra

Students Screen - Copy this React, Tailwind Component to your project

Create this title: The title of the screen (in this case, "Students"). breadcrumb: Array representing the breadcrumb trail, with links and active state. headerActions: Button configuration for actions like creating a student. Includes the label, icon, and link. filters: search: The search bar configuration with a placeholder and an event handler for the search action. buttons: Configuration for the "Filter" and "Export" buttons, with click handlers. table: headers: The headers of the table. Each header can be sortable and is labeled accordingly. rows: Data for each student, including fields like name, email, user info (phone and address), account status, and options (actions like Edit/Delete). The name also includes an image, class, and section information. actions: For each student, a dropdown is provided under "Options" with actions like Edit and Delete.

Prompt
Component Preview

About

StudentsScreen - Manage students with a searchable table, sortable headers, and action buttons for creating, editing, or deleting. Bui. Get code instantly!

Share

Last updated 1 month ago