Toolkit for building accessible rich web apps with React.
Explore website »
![Reakit thumbnail](https://user-images.githubusercontent.com/3068563/57511686-36d9e080-72e0-11e9-912b-8b67ddd135e2.png)
By donating $5 or more you help in the development of this project. Thank you to all our supporters! 🙏
Reakit
v1
is still inbeta
. It's more stable thanv0
, thus themaster
branch, the website and thelatest
tag in npm are pointing to it. If you're looking forv0
, see v0 branch, v0 docs and the migration guide.
npm:
npm i reakit
Yarn:
yarn add reakit
Thanks to @nosebit for the package name on npm.
import React from "react";
import ReactDOM from "react-dom";
import { useDialogState, Dialog, DialogDisclosure } from "reakit";
function App() {
const dialog = useDialogState();
return (
<div>
<DialogDisclosure {...dialog}>Open dialog</DialogDisclosure>
<Dialog aria-label="Welcome" {...dialog}>
Welcome to Reakit!
</Dialog>
</div>
);
}
ReactDOM.render(<App />, document.getElementById("root"));
Play with this on CodeSandbox and read the documentation to learn more.
This project exists thanks to all the people who contribute.
Logo by Leonardo Elias.
MIT © Diego Haz