Tables

Table

A table component that provides a structured way to display tabular data. It supports custom styling through className prop and can contain various table elements.

Props

children
React.ReactNodeRequired
The content to be rendered inside the table
kind
"secondary"
Optional kind of the table, can be used for styling purposes
className
string
Optional CSS class name to be applied to the table

<Table>
    <Table.Head>
        <Table.Tr>
            <Table.Th>Name</Table.Th>
            <Table.Th>Type</Table.Th>
            <Table.Th>Description</Table.Th>
        </Table.Tr>
    </Table.Head>
    <Table.Body>
        <Table.Tr>
            <Table.Td>
                <Code>kind</Code>
            </Table.Td>
            <Table.Td>
                <Code>string</Code>
            </Table.Td>
            <Table.Td>
                Some of kind description
            </Table.Td>
        </Table.Tr>
    </Table.Body>
</Table>

:::table
```
[
    ["Syntax", "Description", "Markdown"],
    ["Header", "Title", "`#`"],
    ["Paragraph", "Text", "`*`"]
]
```
:::

Guide Card Steps

Built with

Show your support! Star us on GitHub ⭐️

Star