Tables

Tables in Robindoc follow the standard GitHub Flavored Markdown (GFM) table syntax. They are automatically wrapped in a Block component for consistent spacing and can contain rich markdown content in cells.

Basic Syntax 

Tables use pipes (|) to separate columns and hyphens (-) for the header separator:

| Header 1 | Header 2 | Header 3 |
|----------|----------|----------|
| Cell 1   | Cell 2   | Cell 3   |
| Cell 4   | Cell 5   | Cell 6   |

Result:

Alignment 

You can align columns using colons in the separator row:

| Left Aligned | Center Aligned | Right Aligned |
|:-------------|:--------------:|--------------:|
| Left         | Center         | Right         |
| More left    | More center    | More right    |

Result:

• :--- or :---- = Left aligned
• :---: or :----: = Center aligned
• ---: or ----: = Right aligned

Rich Content in Cells 

Table cells support nested markdown elements:

| Feature | Description |
|---------|-------------|
| **Bold** | Text with *emphasis* |
| `Code` | [Link](./03-links.md) |
| List | - Item 1<br>- Item 2 |

Result:

Complex Tables 

You can create tables with multiple rows and complex content:

| Component | Props | Description |
|-----------|-------|-------------|
| `Button` | `onClick`, `disabled` | A clickable button component |
| `Input` | `value`, `placeholder` | Text input field |
| `Card` | `title`, `children` | Container component with title |

Result:

Implementation Details 

• Tables are wrapped in a Block component for consistent spacing and layout
• Table structure uses semantic HTML: <table>, <thead>, <tbody>, <tr>, <th>, <td>
• Cell content is processed recursively, allowing nested markdown tokens
• All table components (Table, Thead, Tbody, Tr, Th, Td, Block) can be customized by overwriting tags. See Tags for more details