/reakit

Toolkit for building accessible rich web apps with React

Primary LanguageTypeScriptMIT LicenseMIT

Ariakit

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


NPM version NPM downloads Build Status
Sponsors Backers Follow Ariakit on Twitter

If you're looking for v1, check out v1 branch.

Installation

npm:

npm i ariakit

Yarn:

yarn add ariakit

Usage

import { createRoot } from "react-dom";
import {
  Dialog,
  DialogDisclosure,
  DialogHeading,
  DialogDescription,
  useDialogState,
} from "ariakit";

function App() {
  const dialog = useDialogState();
  return (
    <>
      <DialogDisclosure state={dialog}>Open dialog</DialogDisclosure>
      <Dialog state={dialog}>
        <DialogHeading>Welcome</DialogHeading>
        <DialogDescription>Welcome to Reakit!</DialogDescription>
      </Dialog>
    </>
  );
}

createRoot(document.getElementById("root")).render(<App />);