https://github.com/axeincode/ariakit
Toolkit for building accessible web apps with React
https://github.com/axeincode/ariakit
accessibillity ally aria ariakit components react reactjs reakit wai-aria
Last synced: 6 months ago
JSON representation
Toolkit for building accessible web apps with React
- Host: GitHub
- URL: https://github.com/axeincode/ariakit
- Owner: axeincode
- License: mit
- Created: 2024-10-10T13:16:49.000Z (12 months ago)
- Default Branch: main
- Last Pushed: 2024-10-11T12:36:17.000Z (12 months ago)
- Last Synced: 2024-10-17T10:04:03.076Z (12 months ago)
- Topics: accessibillity, ally, aria, ariakit, components, react, reactjs, reakit, wai-aria
- Language: TypeScript
- Homepage: https://ariakit.org/
- Size: 97.9 MB
- Stars: 4
- Watchers: 1
- Forks: 5
- Open Issues: 0
-
Metadata Files:
- Readme: readme.md
- Changelog: CHANGELOG.md
- Contributing: contributing.md
- Funding: .github/funding.yml
- License: license
- Code of conduct: code_of_conduct.md
Awesome Lists containing this project
README
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
```jsx
import { useState } from "react";
import { createRoot } from "react-dom/client";
import { Button, Dialog, DialogHeading } from "@ariakit/react";
function App() {
const [open, setOpen] = useState(false);
return (
<>
setOpen(true)}>Open dialog
setOpen(false)}>
Ariakit
Welcome to Ariakit!
>
);
}
createRoot(document.getElementById("root")).render();
```
## Core Team
- [Diego Haz](https://x.com/diegohaz)
- [Ben Rodri](https://x.com/benrodrs)
## Attribution
Browser testing provided by
## Contributing
Follow the instructions on the [contributing guide](https://github.com/ariakit/ariakit/blob/main/contributing.md).