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.ReactNode

Required

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