A
Anonymous

User Management Dashboard - Copy this React, Tailwind Component to your project

Un título principal en la parte superior con el texto 'GESTIÓN DE USUARIOS' y un subtítulo debajo que indique 'Gestiona los usuarios y sus permisos aquí'. Un campo de búsqueda (input) alineado a la derecha, seguido de un botón primario, por ejemplo 'Crear usuario'. Una tabla debajo del subtítulo, con un encabezado que muestre las columnas 'Nombre de Usuario', 'Rol' y 'Fecha de Creación'. Cada fila de la tabla debe mostrar el nombre completo del usuario, su correo electrónico, su rol (por ejemplo: 'SuperAdmin', 'Admin') y la fecha de creación. La tabla debe tener paginación en la parte inferior, con botones para navegar entre páginas (ejemplo: “Mostrando 8 de 20” y controles para ir a página anterior, siguiente, etc.). El diseño debe ser limpio, minimalista y consistente, empleando Tailwind CSS para estilos, con una paleta de colores clara, espaciados adecuados y tipografía legible. Implementar en React con Tailwind, cuidando la responsividad y la organización del código. Incluir elementos interactivos, como el botón de menú de opciones (tres puntos verticales) al final de cada fila para acciones adicionales sobre el usuario."

Prompt
Component Preview

About

UserManagementDashboard - Manage users with a clean interface, search input, user roles, and pagination. Built with React and Tailwind. Download free code!

Share

Last updated 1 month ago