Table

Import

import { Table, Tbody, Td, Th, Thead, Tr } from "@sparrowengg/twigs-react";

All these components are a wrapper around the html elements table, tbody, td, th, thead, tr respectively.

Usage

Open in playground

<Table>
  <Thead>
    <Tr>
      <Th>Name</Th>
      <Th>Company</Th>
      <Th>Department</Th>
      <Th>Joined on</Th>
    </Tr>
  </Thead>
  <Tbody>
    <Tr active>
      <Td>Justin</Td>
      <Td>SurveySparrow</Td>
      <Td>Engineering</Td>
      <Td>Sep, 2020</Td>
    </Tr>
    <Tr>
      <Td>Maneesh</Td>
      <Td>SurveySparrow</Td>
      <Td>Engineering</Td>
      <Td>Sep, 2020</Td>
    </Tr>
  </Tbody>
</Table>

Props

Property	Description	Type	Default
border	Used to determine how borders are added within the table	horizontal | vertical | both	horizontal