sheet
GraphSheet
A table with section titles — an API, an RFC. Write `### Scope` then a markdown table. A flat table is Table.
rfc
| Item | Owner | Status |
|---|---|---|
| Scope | ||
| CLI copies files | priya | done |
| Docs previews | jon | now |
| Out of scope | ||
| npm package | — | later |
| Figma kit | — | later |
MDX
```
+-------------------- [ RFC ] ---------------------+
| |
| Item | Owner | Status |
| -----------------+-------+------- |
| Scope |
| CLI copies files | priya | done |
| Docs previews | jon | now |
| -----------------+-------+------- |
| Out of scope |
| npm package | — | later |
| Figma kit | — | later |
| |
+--------------------------------------------------+
```install
command
surface
| Name | Kind | Stable |
|---|---|---|
| Frame | ||
| Graph | primitive | yes |
| GraphBody | primitive | yes |
| Charts | ||
| GraphTable | component | yes |
| GraphSheet | component | new |
MDX
```
+------------------ [ SURFACE ] -------------------+
| |
| Name | Kind | Stable |
| -----------+-----------+------- |
| Frame |
| Graph | primitive | yes |
| GraphBody | primitive | yes |
| -----------+-----------+------- |
| Charts |
| GraphTable | component | yes |
| GraphSheet | component | new |
| |
+--------------------------------------------------+
```| Prop | Type | Default | Description |
|---|---|---|---|
| title | string | — | Caption drawn on the top edge of the frame. |
| headers | string[] | "Item, Owner, Status" | — | Column headings. Sentence case. |
| sections | SheetSection[] | — | Each section has a title and rows of cells. Optional when children are Markdown. |
| children | Markdown | — | ### Scope | Item | Owner | | --- | --- | | CLI copies files | priya | |
| footer | ReactNode[] | — | Optional totals row under a rule. |
| align | ("left" | "right")[] | "left left left" | left, then right | Per-column alignment. Defaults to left on the first column. |
| corner | string | "+" | Character at each corner of the frame. |
| className | string | — | Passed to the outer frame. |