Toolkit for building really interactive UIs with React
Switch branches/tags
Clone or download
2 authors and diegohaz test: `Nagivation`, `List`, `Link` (#315)

Co-authored-by: RaVi <rafael.vitor@jusbrasil.com.br>
Latest commit 2fbac0b Dec 12, 2018
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
.github Update PULL_REQUEST_TEMPLATE.md Sep 28, 2018
.vscode feat: Add TypeScript typings to `as`, `Base` and `Arrow` (#146) Aug 13, 2018
docs Update state-containers.md Sep 29, 2018
logo chore: Update logo Sep 8, 2018
packages test: `Nagivation`, `List`, `Link` (#315) Dec 12, 2018
scripts chore: Script to auto copy md files on commit (#212) Aug 24, 2018
types test: Test with `react-testing-library` (#241) Oct 11, 2018
.editorconfig Initial commit Jan 22, 2018
.eslintignore fix: TypeScript definition errors (#201) Aug 23, 2018
.eslintrc fix: Fix `Cannot find module 'packages/reakit/src/_utils/types'` error Oct 24, 2018
.gitignore feat: Add TypeScript typings to `as`, `Base` and `Arrow` (#146) Aug 13, 2018
.travis.yml chore: Update .travis.yml Oct 14, 2018
CHANGELOG.md chore(release): Publish Dec 5, 2018
CODE_OF_CONDUCT.md Create CODE_OF_CONDUCT.md Jul 26, 2018
CONTRIBUTING.md chore: Update contributors image width Nov 30, 2018
LICENSE Monorepo (#183) Aug 11, 2018
README.md chore: Update contributors image width Nov 30, 2018
babel.config.js test: Fix testing after build Oct 5, 2018
jest.config.js test: Test with `react-testing-library` (#241) Oct 11, 2018
jest.setup.js test: Test with `react-testing-library` (#241) Oct 11, 2018
lerna.json chore: General build fixes Sep 12, 2018
package.json chore: Upgrade dependecies Dec 3, 2018
rollup.config.js Merge branch 'master' into next Sep 8, 2018
tsconfig.json fix: Fix `Cannot find module 'packages/reakit/src/_utils/types'` error Oct 24, 2018
yarn.lock chore: Upgrade dependecies Dec 3, 2018

README.md



reakit


Toolkit for building composable, accessible and reliable UIs with React.


🌎 Website   ·   📚 Guide   ·   🏗 Components


NPM version Build Status Coverage Status Backers Sponsors Spectrum Slack

Installation

npm i reakit

Thanks to @nosebit for the package name on npm.

Example


See and edit full source code on CodeSandbox

import React from "react";
import { render } from "react-dom";
import { Button, Popover } from "reakit";

const App = () => (
  <Popover.Container>
    {popover => (
      <Button as={Popover.Toggle} {...popover}>
        Toggle
        <Popover {...popover}>
          <Popover.Arrow />
          Popover
        </Popover>
      </Button>
    )}
  </Popover.Container>
);

render(<App />, document.getElementById("root"));

Contributors

This project exists thanks to all the people who contribute.

Supporters

By donating $5 or more you help in the development of this project. Thank you to all our supporters! 🙏

License

MIT © Diego Haz