ariakit-changesets-test

ariakit-changesets-test-changesets-test

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

ariakit-changesets-testcariakit-changesets-test://codecov.io/gh/ariakit-changesets-test/ariakit-changesets-test/branch/main/graph/badge.svg" />

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

Installation

npm:

npm i ariakit-changesets-test-changesets-test

Yarn:

yarn add ariakit-changesets-test-changesets-test

Usage

import { createRoot } from "react-dom/client";
import {
  Button,
  Dialog,
  DialogHeading,
  DialogDescription,
  useDialogState,
} from "ariakit-changesets-test-changesets-test";

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

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