Skip to content

Toolkit for building accessible rich web apps with React

License

Notifications You must be signed in to change notification settings

davesteinberg/reakit

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation


Reakit symbol

Reakit

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


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

Sponsors

By donating $100 or more you become a sponsor and help in the development of this project. Thank you to all our sponsors! 🙏

Backers

By donating $5 or more you become a backer and help in the development of this project. Thank you to all our backers! 🙏

Installation

npm:

npm i reakit

Yarn:

yarn add reakit

Thanks to @nosebit for the package name on npm.

Usage

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.

Contributors

This project exists thanks to all the people who contribute. Learn more on the contributing guide.

reakit Logo by Leonardo Elias.

License

MIT © Diego Haz

About

Toolkit for building accessible rich web apps with React

Resources

License

Code of conduct

Stars

Watchers

Forks

Packages

No packages published

Languages

  • TypeScript 96.0%
  • JavaScript 3.9%
  • Shell 0.1%