TableSimple() — ui Function Reference

Architecture documentation for the TableSimple() function in table-example.tsx from the ui codebase.

Function tsx ComponentRegistry UIPrimitives

Entity Profile

ComponentRegistry→ UIPrimitives→ TableSimple() — ui Function Reference

Dependency Diagram

graph TD
  e0e40c8d_253e_b733_b91e_2615dec56bac["TableSimple()"]
  da4411d1_9b3f_49d2_dd02_b8128eb4097d["table-example.tsx"]
  e0e40c8d_253e_b733_b91e_2615dec56bac -->|defined in| da4411d1_9b3f_49d2_dd02_b8128eb4097d
  style e0e40c8d_253e_b733_b91e_2615dec56bac fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/v4/registry/bases/base/examples/table-example.tsx lines 161–192

function TableSimple() {
  return (
    <Example title="Simple">
      <Table>
        <TableHeader>
          <TableRow>
            <TableHead>Name</TableHead>
            <TableHead>Email</TableHead>
            <TableHead className="text-right">Role</TableHead>
          </TableRow>
        </TableHeader>
        <TableBody>
          <TableRow>
            <TableCell className="font-medium">Sarah Chen</TableCell>
            <TableCell>sarah.chen@acme.com</TableCell>
            <TableCell className="text-right">Admin</TableCell>
          </TableRow>
          <TableRow>
            <TableCell className="font-medium">Marc Rodriguez</TableCell>
            <TableCell>marcus.rodriguez@acme.com</TableCell>
            <TableCell className="text-right">User</TableCell>
          </TableRow>
          <TableRow>
            <TableCell className="font-medium">Emily Watson</TableCell>
            <TableCell>emily.watson@acme.com</TableCell>
            <TableCell className="text-right">User</TableCell>
          </TableRow>
        </TableBody>
      </Table>
    </Example>
  )
}