Brand
Changelog v1.4

Table

Tables display sets of data organized in rows and columns for easy scanning.

Basic Table

ProjectTechnologyStatusVersion
Brand SiteAstro
Active
0.41.2
PortalAngular
Active
3.12.0
CorporateTanStack Start
Development
0.5.1
API Gateway.NET 9
Active
2.8.4
Data PipelineWolverine
Maintenance
1.3.7

Dense Table

ProjectTechnologyVersion
Brand SiteAstro0.41.2
PortalAngular3.12.0
CorporateTanStack Start0.5.1
API Gateway.NET 92.8.4
Data PipelineWolverine1.3.7

Striped (Hover)

ProjectTechnologyStatus
Brand SiteAstroActive
PortalAngularActive
CorporateTanStack StartDevelopment
API Gateway.NET 9Active
Data PipelineWolverineMaintenance

Usage

import Table from '@mui/material/Table';
import TableBody from '@mui/material/TableBody';
import TableCell from '@mui/material/TableCell';
import TableHead from '@mui/material/TableHead';
import TableRow from '@mui/material/TableRow';

<Table>
  <TableHead>
    <TableRow>
      <TableCell>Name</TableCell>
      <TableCell>Status</TableCell>
    </TableRow>
  </TableHead>
  <TableBody>
    <TableRow>
      <TableCell>Project A</TableCell>
      <TableCell>Active</TableCell>
    </TableRow>
  </TableBody>
</Table>