- Notifications
You must be signed in to change notification settings - Fork386
Toolkit with accessible components, styles, and examples for your next web app
License
NotificationsYou must be signed in to change notification settings
ariakit/ariakit
Folders and files
| Name | Name | Last commit message | Last commit date | |
|---|---|---|---|---|
Repository files navigation
Toolkit for building accessible web apps withReact.
Explore website »
npm:
npm i @ariakit/reactpnpm:
pnpm add @ariakit/reactYarn:
yarn add @ariakit/reactimport{useState}from"react";import{createRoot}from"react-dom/client";import{Button,Dialog,DialogHeading}from"@ariakit/react";functionApp(){const[open,setOpen]=useState(false);return(<><ButtononClick={()=>setOpen(true)}>Open dialog</Button><Dialogopen={open}onClose={()=>setOpen(false)}><DialogHeading>Ariakit</DialogHeading><p>Welcome to Ariakit!</p></Dialog></>);}createRoot(document.getElementById("root")).render(<App/>);
Browser testing provided by
Follow the instructions on thecontributing guide.
About
Toolkit with accessible components, styles, and examples for your next web app
