Toolkit for building really interactive UIs with React
Permalink
Failed to load latest commit information.
.github chore: Change template to be more flexible (#244) Sep 19, 2018
.vscode feat: Add TypeScript typings to `as`, `Base` and `Arrow` (#146) Aug 13, 2018
docs chore(website): Better menu (#232) Sep 12, 2018
logo chore: Update logo Sep 8, 2018
packages chore(website): **really** interactive Sep 21, 2018
scripts chore: Script to auto copy md files on commit (#212) Aug 24, 2018
types feat: Add `reakit-theme-default` package (#188) Sep 7, 2018
.editorconfig Initial commit Jan 22, 2018
.eslintignore fix: TypeScript definition errors (#201) Aug 23, 2018
.eslintrc perf: Only dedupe class names when rendering HTML elements (#239) Sep 18, 2018
.gitignore feat: Add TypeScript typings to `as`, `Base` and `Arrow` (#146) Aug 13, 2018
.travis.yml feat: Add TypeScript typings to `as`, `Base` and `Arrow` (#146) Aug 13, 2018
CHANGELOG.md chore(release): Publish Sep 21, 2018
CODE_OF_CONDUCT.md Create CODE_OF_CONDUCT.md Jul 26, 2018
CONTRIBUTING.md chore: Update logo Sep 8, 2018
LICENSE Monorepo (#183) Aug 11, 2018
README.md fix(typescript): Fix `as` types (#238) Sep 17, 2018
babel.config.js feat: Add TypeScript typings to `as`, `Base` and `Arrow` (#146) Aug 13, 2018
jest.config.js chore: Update jest.config.js Sep 13, 2018
lerna.json chore: General build fixes Sep 12, 2018
package.json chore: Upgrade dependencies Sep 18, 2018
rollup.config.js Merge branch 'master' into next Sep 8, 2018
test.config.js Use prettier defaults (#49) Apr 2, 2018
tsconfig.json fix: TypeScript definition errors (#201) Aug 23, 2018
yarn.lock chore: Upgrade dependencies Sep 18, 2018

README.md



reakit


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


🌎 Website   ·   📚 Guide   ·   🏗 Components


Generated with nod NPM version Build Status Coverage Status 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.

Backers

Thank you to all our backers! 🙏

Sponsors

Support this project by becoming a sponsor. Your logo will show up here with a link to your website.

License

MIT © Diego Haz