aarondancer / reakit

Toolkit for building accessible rich web apps with React

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

🌎 Website   ·   📚 Guide   ·   🏗 Components

Supporters

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

Installation

npm i reakit

Thanks to @nosebit for the package name on npm.

If you are using TypeScript, you'll need to also install @types/styled-components.

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 use={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.

License

MIT © Diego Haz