npm

Join us for the upcoming webinar, "Enterprise JavaScript done right: the tools you love, the security you need."Sign up here »

reakit

1.0.0-beta.4 • Public • Published

Reakit symbol

Reakit

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

Reakit thumbnail

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

Supporters

By donating $5 or more you help in the development of this project. Thank you to all our supporters! 🙏

Installation

Reakit v1 is still in beta. If you're looking for v0, 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.

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.

License

MIT © Diego Haz

install

npm i reakit

Downloadsweekly downloads

4,541

version

1.0.0-beta.4

license

MIT

homepage

github.com

repository

Gitgithub

last publish

collaborators

  • avatar
Report a vulnerability