# react-treegrid

> Disclaimer: this is in an alpha stage.

Latest version **1.0.0** (published 2018-06-25) · MIT license · 0 weekly downloads

> **Deprecated.** This package is deprecated.

## Install

```sh
npm install react-treegrid
pnpm add react-treegrid
yarn add react-treegrid
bun add react-treegrid
```

## Health

**Score 10/100 (F)** — status: deprecated.

Negative: deprecated.

## Facts

| | |
|---|---|
| Version | 1.0.0 |
| Published | 2018-06-25 |
| First published | 2015-01-14 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Node | ^8.11.1 |
| Dependencies | 0 |
| Unpacked size | 383.3 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 6 |
| Author | Juan Carlos Medina |
| Maintainers | juanca |

## Links

- npm: https://www.npmjs.com/package/react-treegrid
- Repository: https://github.com/juanca/react-aria-components
- Homepage: https://github.com/juanca/react-aria-components#readme
- Issues: https://github.com/juanca/react-aria-components/issues
- npm.io page: https://npm.io/package/react-treegrid

## Recent versions

- 1.0.0 (latest) — 2018-06-25
- 0.1.0 — 2015-01-14

## README

# React ARIA Components

Disclaimer: this is in an alpha stage.

## Browsers support

| [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/edge/edge_48x48.png" alt="IE / Edge" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>IE / Edge | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/firefox/firefox_48x48.png" alt="Firefox" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Firefox | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/chrome/chrome_48x48.png" alt="Chrome" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Chrome | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/safari/safari_48x48.png" alt="Safari" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Safari |
| ---------- | --------------- | --------------- | --------------- |
| IE11, Edge | last 5 versions | last 5 versions | last 5 versions |

The exported modules are expected to be transpiled with Babel and PostCSS autoprefixer.

## Getting started

```
npm install
npm start
```

Visit the webpage hosted by `webpack-serve`.
The URL should have been copied to the clipboard.
Otherwise, please inspect the console output.

## High-level design

The components available through this module are inspired from the [WAI-ARIA Authoring Practices].
Each component is driven by three principles:

1. A component is accessible.
1. A component can be used in composition.
1. A component has minimal footprint.

### Grid

For 2-dimensional data, a [Grid] layout is desired:

- A `Grid`
  - Many `Row`s
    - Many `GridCell`s
    - Many `ColumnHeader`s
    - Many `RowHeader`s
  - Many `RowGroup`s
    - Many `Row`s

[WAI-ARIA Authoring Practices]: https://www.w3.org/TR/wai-aria-practices-1.1
[Grid]: https://www.w3.org/TR/wai-aria-practices-1.1/#grid

---
_Source: https://npm.io/package/react-treegrid · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._