Skip to content
Toolkit for building accessible rich web apps with React
TypeScript JavaScript Shell
Branch: master
Clone or download
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
.github Update FUNDING.yml May 24, 2019
.storybook fix: Remove false positive warning from `Dialog` (#385) Jun 14, 2019
.vscode chore: Update .vscode/settings.json Jul 14, 2019
docs docs: Provide a styled-components example in the docs (#379) Jun 9, 2019
logo chore: Add thumbnail Apr 11, 2019
packages chore(release): Publish Aug 12, 2019
patches chore: Update @lerna/version patch Aug 12, 2019
scripts chore: Add sideEffects field to proxy package.json's Aug 12, 2019
stories fix: Fix `Tooltip` error when `visible` is initially set to `true` (#409 Aug 10, 2019
types chore: Upgrade dependencies Aug 12, 2019
.editorconfig Initial commit Jan 22, 2018
.eslintignore chore: v1 initial structure (#332) Mar 4, 2019
.eslintrc.js chore: Upgrade dependencies Aug 12, 2019
.gitignore chore: v1 initial structure (#332) Mar 4, 2019
.npmrc chore: v1 initial structure (#332) Mar 4, 2019
.travis.yml chore: v1 initial structure (#332) Mar 4, 2019
CHANGELOG.md chore(release): Publish Aug 12, 2019
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: Update README.md Jun 18, 2019
babel.config.js chore: Avoid resolution warnings from babel-plugin-module-resolver Jun 27, 2019
jest.config.js chore: Upgrade dependencies Aug 12, 2019
jest.setup.js chore: Upgrade dependencies Jan 30, 2019
lerna.json chore: Try patch-packge Apr 2, 2019
netlify.toml chore: Update build:fast script Apr 17, 2019
package.json chore: Upgrade dependencies Aug 12, 2019
tsconfig.json feat: Move helpers to separate package (reakit-utils, reakit-system) (#… Jun 9, 2019
yarn.lock chore: Upgrade dependencies Aug 12, 2019

README.md


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

You can’t perform that action at this time.