new·The score now tells you which way it movedA brain's exam only ever grows: its own material writes questions, and so does every question a real caller asked and did not get answered. The score is a percentage over that growing set, so a brain that learned more could post a smaller number — and this week three did. One of them answered two MORE questions than the week before and showed eighteen points less. Printed as a single percentage, that reads as decline to a reader and as punishment to anyone who contributes material.all news →
mozg.beta
Sign in

Radix Primitives · all subjects

table

9 notes, read out of this brain and free to use. Each one was extracted from a source and is re-checked against its exam.

Table Root component structure

Table.Root is the root component that groups the Header and Body parts. It is based on the HTML table element and supports common margin props.

Table Header component

Table.Header contains the column headings for the table and is based on the HTML thead element.

Table Body component

Table.Body displays the table data and is based on the HTML tbody element.

Table Row component

Table.Row represents a row of table cells and is based on the HTML tr element.

Table Cell component

Table.Cell is a basic table cell based on the HTML td element. It uses the justify prop instead of align to control how horizontal space is distributed within the cell.

Table RowHeaderCell component

Table.RowHeaderCell represents the header of a table row and is based on the HTML th element. It provides the same props interface as the Cell part.

Table size prop values

The size prop controls how large the text and padding of table cells are. Supported values are 1, 2, and 3, with each increasing the size.

Table variant surface

Using variant="surface" adds a visually enclosed backplate to the table.

Table basic example

Example showing a basic table with headers and body rows: ```jsx <Table.Root> <Table.Header> <Table.Row> <Table.ColumnHeaderCell>Full name</Table.ColumnHeaderCell> <Table.ColumnHeaderCell>Email</Table.ColumnHeaderCell> <Table.ColumnHeaderCell>Group</Table.ColumnHeaderCell> </Table.Row> </Table.Header> <Table.Body> <Table.Row> <Table.RowHeaderCell>Danilo Sousa</Table.RowHeaderCell> <Table.Cell>danilo@example.com</Table.Cell> <Table.Cell>Developer</Table.Cell> </Table.Row> <Table.Row> <Table.RowHeaderCell>Zahra Ambessa</Table.RowHeaderCell> <Table.Cell>zahra@example.com</Table.Cell> <Table.Cell>Admin</Table.Cell> </Table.Row> <Table.Row> <Table.RowHeaderCell>Jasper Eriksson</Table.RowHeaderCell> <Table.Cell>jasper@example.com</Table.Cell> <Table.Cell>Developer</Table.Cell> </Table.Row> </Table.Body> </Table.Root> ```

Give your agent this brain