Package Exports

@stoplight/reakit

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (@stoplight/reakit) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

Reakit

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

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.

Attribution

Browser testing provided by

JSPM

@stoplight/reakit