Reakit symbol

Reakit

Toolkit for building accessible rich web apps with React.
Explore website ยป


NPM version NPM downloads Build Status
Sponsors Backers Follow Reakit on Twitter

## Sponsors By donating $100 or more you [become a sponsor](https://opencollective.com/ariakit) and help in the development of this project. Thank you to all our sponsors! ๐Ÿ™

## Backers By donating $5 or more you [become a backer](https://opencollective.com/ariakit) and help in the development of this project. Thank you to all our backers! ๐Ÿ™

## Installation npm: ```sh npm i reakit ``` Yarn: ```sh yarn add reakit ``` > Thanks to [@nosebit](https://github.com/nosebit) for the package name on npm. ## Usage ```jsx import React from "react"; import ReactDOM from "react-dom"; import { useDialogState, Dialog, DialogDisclosure } from "reakit"; function App() { const dialog = useDialogState(); return (
Open dialog Welcome to Reakit!
); } ReactDOM.render(, document.getElementById("root")); ``` Play with this on [CodeSandbox](https://codesandbox.io/s/m4n32vjkoj) and read the [documentation](https://reakit.io/docs) to learn more. ## Contributors This project exists thanks to all the people who contribute. Learn more on the [contributing guide](https://github.com/reakit/reakit/blob/master/CONTRIBUTING.md). reakit [Logo](https://github.com/reakit/reakit/tree/master/logo) by [**Leonardo Elias**](https://github.com/leonardoelias). ## Attribution Browser testing provided by ## License MIT ยฉ [Diego Haz](https://github.com/diegohaz)