# `@react-spectre/table` React components for Spectre.css's table.


## Installation ```shell yarn add @react-spectre/table ``` ```shell npm install @react-spectre/table --save ```


## Usage ### Table There are 6 components exported for tables: `Table`, `Header` (thead), `Body` (tbody), `Row` (tr), `Heading` (th) and `Cell` (td). ```js import { Table, Header, Body, Row, Heading, Cell } from '@react-spectre/table' ``` > **Note:** The main component is `Table`, other component can be accessed through `Table` for example: `Table.Header`, `Table.Body`, `Table.Row`, etc... #### Example ```jsx
Name Age Is admin?
Rubens 98 Yes
``` Tables can have 2 different style decorators: `striped` and `hover`. ```jsx
``` #### Rows Table rows can be marked as active using: `active` prop: ```jsx
``` #### Scroll A table can have horizontal scroll using the `scroll` props: ```jsx
```



Made with :heart: by [Rubens Mariuzzo](https://github.com/rmariuzzo). [MIT License](LICENSE)