Toolkit for building composable, accessible and reliable UIs with React.
🌎 Website · 📚 Guide · 🏗 Components
By donating $5 or more you help in the development of this project. Thank you to all our supporters! 🙏
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
.
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"));
This project exists thanks to all the people who contribute.
MIT © Diego Haz