Skip to content
forked from ariakit/ariakit

Toolkit for building accessible web apps with React

License

Notifications You must be signed in to change notification settings

knoefel/ariakit

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Ariakit

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




This is the Ariakit (v2) branch (What is Ariakit?), which is still in alpha.
If you're looking for Reakit (v1), check out the v1 branch.


Installation

npm:

npm i ariakit

Yarn:

yarn add ariakit

Usage

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

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 />);

Contributing

See [v2] Examples and follow the instructions on the contributing guide.

About

Toolkit for building accessible web apps with React

Resources

License

Code of conduct

Stars

Watchers

Forks

Packages

No packages published

Languages

  • TypeScript 93.5%
  • JavaScript 4.6%
  • CSS 1.9%