/>
MDX UI
$ init
Table

Table

Styled responsive table with header, body, footer and caption

Installation

npx @ravikumarsurya/mdx-ui add table

Usage

<Table>
  <TableHeader>
    <TableRow>
      <TableHead>Name</TableHead>
      <TableHead>Type</TableHead>
      <TableHead>Default</TableHead>
    </TableRow>
  </TableHeader>
  <TableBody>
    <TableRow>
      <TableCell>variant</TableCell>
      <TableCell>string</TableCell>
      <TableCell>default</TableCell>
    </TableRow>
  </TableBody>
</Table>

Example

mdx-ui component install sizes
ComponentDependenciesSize
Accordionutils4.2 kB
Badgecva, utils1.8 kB
Calloutcva, utils2.1 kB
FrameworkLanguageStars
Next.jsTypeScript120k+
RemixTypeScript29k+
Popular React-based frameworks

Components

  • Table — wrapper with overflow scroll
  • TableHeader — thead with muted background
  • TableBody — tbody
  • TableFooter — tfoot with muted background
  • TableRow — tr with hover state
  • TableHead — th styled header cell
  • TableCell — td body cell
  • TableCaption — caption below the table
Previoussymbol browser
NextTabs