Table

A styled version of the table component. Allows customization with styled-components package.

Demo

View Table

API

Usage is the same as the original <Table> component/JSX.

Example:

import { Table } from 'react-horcrux';

export default YourComponent function() {
  return(
    <Table>
      <thead>
        <tr>
          <th>name</th>
          <th>house</th>
        </tr>
      </thead>
      <tbody>
        <tr>
          <td>Harry Potter</td>
          <td>Gryffindor</td>
        </tr>
        <tr>
          <td>Luna Lovegood</td>
          <td>Ravenclaw</td>
        </tr>
      </tbody>
    </Table>
  );
}