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 $100 or more you become a sponsor and help in the development of this project. Thank you to all our sponsors! ๐
By donating $5 or more you become a backer and help in the development of this project. Thank you to all our backers! ๐
Reakit
v1
is still inbeta
. 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 {...dialog} aria-label="Welcome">
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