htmlplus-react

React dialog primitives built on the native dialog element with a fallback mode for browsers that do not support it.

Installation

npm install htmlplus-react

Usage

import { Dialog } from "htmlplus-react";

export function Example() {
  return (
    <Dialog>
      <Dialog.Trigger>Open dialog</Dialog.Trigger>
      <Dialog.Content>
        <Dialog.Title>Settings</Dialog.Title>
        <Dialog.Description>Update your preferences.</Dialog.Description>
        <Dialog.Close>Close</Dialog.Close>
      </Dialog.Content>
    </Dialog>
  );
}