Ariakit

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

   

Installation

npm:

npm i @ariakit/react

pnpm:

pnpm add @ariakit/react

Yarn:

yarn add @ariakit/react

Usage

1import { useState } from "react";
2import { createRoot } from "react-dom/client";
3import { Button, Dialog, DialogHeading } from "@ariakit/react";
4
5function App() {
6  const [open, setOpen] = useState(false);
7  return (
8    <>
9      <Button onClick={() => setOpen(true)}>Open dialog</Button>
10      <Dialog open={open} onClose={() => setOpen(false)}>
11        <DialogHeading>Ariakit</DialogHeading>
12        <p>Welcome to Ariakit!</p>
13      </Dialog>
14    </>
15  );
16}
17
18createRoot(document.getElementById("root")).render(<App />);

Core Team

• Diego Haz
• Ben Rodri

Attribution

Browser testing provided by

Contributing

Follow the instructions on the contributing guide.