Skip to content
Toolkit for building accessible rich web apps with React
TypeScript JavaScript Shell
Branch: master
Clone or download

Latest commit

Fetching latest commit…
Cannot retrieve the latest commit at this time.

Files

Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
.codesandbox fix: Stop persisting `onChange` event on `Checkbox` (#499) Nov 21, 2019
.github chore: Improve CI workflow (#590) Feb 23, 2020
.storybook fix: Remove false positive warning from `Dialog` (#385) Jun 14, 2019
.vscode chore: Add Netlify atribution to website Dec 19, 2019
docs chore: Apply prettier on markdown files Apr 7, 2020
logo chore: Add thumbnail Apr 11, 2019
packages chore: Apply prettier on markdown files Apr 7, 2020
patches chore: patch-package Feb 5, 2020
scripts chore: Upgrade major dev dependencies Apr 7, 2020
stories chore: Upgrade major dev dependencies Apr 7, 2020
types chore: Add `@wordpress/jest-console` and fix warnings on tests (#504) Nov 24, 2019
.editorconfig Initial commit Jan 22, 2018
.eslintignore chore: v1 initial structure (#332) Mar 4, 2019
.eslintrc.js chore: Fix typescript errors Feb 9, 2020
.gitignore chore(reakit-test-utils): Update defaultPrevented method Feb 9, 2020
.npmrc chore: v1 initial structure (#332) Mar 4, 2019
.nvmrc chore: Update netlify build Dec 18, 2019
CHANGELOG.md chore(release): Publish Mar 30, 2020
CODE_OF_CONDUCT.md Create CODE_OF_CONDUCT.md Jul 26, 2018
CONTRIBUTING.md chore: Update CONTRIBUTING.md May 25, 2019
LICENSE chore: v1 initial structure (#332) Mar 4, 2019
README.md chore: General refactors on Composite components (#604) Mar 30, 2020
babel.config.js chore: Upgrade major dev dependencies Apr 7, 2020
codecov.yml feat: Automatically check `Radio` on focus (#599) Mar 14, 2020
jest.config.js chore: Upgrade major dev dependencies Apr 7, 2020
jest.setup.js chore: Upgrade major dev dependencies Apr 7, 2020
lerna.json chore: Try patch-packge Apr 2, 2019
netlify.toml chore: Update netlify build Dec 18, 2019
package.json chore: Upgrade major dependencies (#610) Apr 7, 2020
tsconfig.json refactor: Use `reakit-warning` instead of `reakit-utils/warning` Mar 30, 2020
yarn.lock chore: Upgrade major dependencies (#610) Apr 7, 2020

README.md


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

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. Learn more on the contributing guide.

reakit Logo by Leonardo Elias.

License

MIT © Diego Haz

You can’t perform that action at this time.