57

GitHub - reakit/reakit: Toolkit for building accessible rich web apps with React

 4 years ago
source link: https://github.com/reakit/reakit
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.

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! ?

68747470733a2f2f6f70656e636f6c6c6563746976652e636f6d2f7265616b69742f73706f6e736f722f302f6176617461722e737667 68747470733a2f2f6f70656e636f6c6c6563746976652e636f6d2f7265616b69742f73706f6e736f722f312f6176617461722e737667 68747470733a2f2f6f70656e636f6c6c6563746976652e636f6d2f7265616b69742f73706f6e736f722f322f6176617461722e737667 68747470733a2f2f6f70656e636f6c6c6563746976652e636f6d2f7265616b69742f73706f6e736f722f332f6176617461722e737667 68747470733a2f2f6f70656e636f6c6c6563746976652e636f6d2f7265616b69742f73706f6e736f722f342f6176617461722e737667 68747470733a2f2f6f70656e636f6c6c6563746976652e636f6d2f7265616b69742f73706f6e736f722f352f6176617461722e737667 68747470733a2f2f6f70656e636f6c6c6563746976652e636f6d2f7265616b69742f73706f6e736f722f362f6176617461722e737667 68747470733a2f2f6f70656e636f6c6c6563746976652e636f6d2f7265616b69742f73706f6e736f722f372f6176617461722e737667 68747470733a2f2f6f70656e636f6c6c6563746976652e636f6d2f7265616b69742f73706f6e736f722f382f6176617461722e737667 68747470733a2f2f6f70656e636f6c6c6563746976652e636f6d2f7265616b69742f73706f6e736f722f392f6176617461722e737667

68747470733a2f2f6f70656e636f6c6c6563746976652e636f6d2f7265616b69742f6261636b65722f302f6176617461722e737667 68747470733a2f2f6f70656e636f6c6c6563746976652e636f6d2f7265616b69742f6261636b65722f312f6176617461722e737667 68747470733a2f2f6f70656e636f6c6c6563746976652e636f6d2f7265616b69742f6261636b65722f322f6176617461722e737667 68747470733a2f2f6f70656e636f6c6c6563746976652e636f6d2f7265616b69742f6261636b65722f332f6176617461722e737667 68747470733a2f2f6f70656e636f6c6c6563746976652e636f6d2f7265616b69742f6261636b65722f342f6176617461722e737667 68747470733a2f2f6f70656e636f6c6c6563746976652e636f6d2f7265616b69742f6261636b65722f352f6176617461722e737667 68747470733a2f2f6f70656e636f6c6c6563746976652e636f6d2f7265616b69742f6261636b65722f362f6176617461722e737667 68747470733a2f2f6f70656e636f6c6c6563746976652e636f6d2f7265616b69742f6261636b65722f372f6176617461722e737667 68747470733a2f2f6f70656e636f6c6c6563746976652e636f6d2f7265616b69742f6261636b65722f382f6176617461722e737667 68747470733a2f2f6f70656e636f6c6c6563746976652e636f6d2f7265616b69742f6261636b65722f392f6176617461722e737667

Installation

npm:

npm i reakit

Yarn:

yarn add reakit

Thanks to @nosebit for the package name on npm.

Looking for v0? See v0 branch, v0 docs and the migration guide.

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 aria-label="Welcome" {...dialog}>
        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.

68747470733a2f2f6f70656e636f6c6c6563746976652e636f6d2f7265616b69742f636f6e7472696275746f72732e7376673f77696474683d3132363026627574746f6e3d66616c7365

License

MIT © Diego Haz


report

Recommend

About Joyk


Aggregate valuable and interesting links.
Joyk means Joy of geeK