Dialog

import { Dialog, Button } from "@grassroot/ui-react";
 
const [open, setOpen] = React.useState(false);
 
<Button onClick={() => setOpen(true)}>Tear down…</Button>
<Dialog
  open={open}
  onOpenChange={setOpen}
  title="Tear down ledger-api?"
  description="This cannot be undone."
  footer={<Button onClick={() => setOpen(false)}>Tear down</Button>}
/>

import { createSignal } from "solid-js";
import { Button, Dialog } from "@grassroot/ui-solid";
 
export function Example() {
  const [open, setOpen] = createSignal(false);
 
  return (
    <>
      <Button onClick={() => setOpen(true)}>Tear down…</Button>
      <Dialog
        open={open()}
        onOpenChange={setOpen}
        title="Tear down ledger-api?"
        description="This cannot be undone."
        footer={<Button onClick={() => setOpen(false)}>Tear down</Button>}
      />
    </>
  );
}