TP
Thọ Phạm

Container - Copy this React, Mui Component to your project

Design an interface with two sections for me. The left section is a datagrid that will contain a list of alarm groups, for example: EC1 Serial Link EC1 System Health EC2 System Status The right section is a datagrid that contains detailed information about the alarms for each alarm group. This datagrid has two columns: one for Enumeration and the other for Description. When the user selects a specific group, the detailed information of that group will be displayed on the right. For example: For the EC1 Serial Link group: Enumeration = 0, Description = Serial Link OK Enumeration = 1, Description = Serial Link broken For the EC1 System Health group: Enumeration = 0, Description = System is healthy Enumeration = 1, Description = System is in an alarm status Enumeration = 2, Description = System is in a warning status Additionally, in the first section (the list of alarm groups), I need a search bar where users can enter the name of a group to quickly search for a specific group.

Prompt
Component Preview

About

Container - Create a dual-section UI with a datagrid for alarm groups and detailed alarms, featuring a search bar. Built with React an. View and copy code!

Share

Last updated 1 month ago