import { Dialog } from 'nake-ui'

export function Example() {
  return (
    <Dialog.Root open={open} onOpenChange={setOpen}>
      <Dialog.Trigger asChild>
        <button>Open dialog</button>
      </Dialog.Trigger>
      <Dialog.Content aria-describedby="dialog-desc">
        <Dialog.Title>DOM contract first</Dialog.Title>
      </Dialog.Content>
    </Dialog.Root>
  )
}

Framework agnostic Works with React, Solid, Vue and more.

Accessible by default WAI-ARIA compliant primitives.

Composable Designed to work together seamlessly.