TableSimple() — ui Function Reference

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

Function tsx ComponentRegistry ChartRegistry

Entity Profile

ComponentRegistry→ ChartRegistry→ TableSimple() — ui Function Reference

Dependency Diagram

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

Relationship Graph

Source Code

apps/v4/registry/bases/radix/examples/table-example.tsx lines 159–190

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>
  )
}