Installation

npm:

npm i @ariakit/solid

pnpm:

pnpm add @ariakit/solid

Yarn:

yarn add @ariakit/solid

Usage

import { createSignal } from "solid-js";
import { render } from "solid-js/web";
import { Button, Dialog, DialogHeading } from "@ariakit/solid";

function App() {
  const [open, setOpen] = createSignal(false);
  return (
    <>
      <Button onClick={() => setOpen(true)}>Open dialog</Button>
      <Dialog open={open()} onClose={() => setOpen(false)}>
        <DialogHeading>Ariakit</DialogHeading>
        <p>Welcome to Ariakit!</p>
      </Dialog>
    </>
  );
}

render(() => <App />, document.getElementById("root")!);

Core Team

• Diego Haz
• Ben Rodri

Ariakit Solid maintainers

• Dani Guardiola

Attribution

Browser testing provided by

Contributing

Follow the instructions on the contributing guide.