Toolkit for building accessible rich web apps with React.
Explore website ยป
By donating $5 or more you help in the development of this project. Thank you to all our supporters! ๐
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