nabs-ui-dialog

Reusable dialog shell control for the Nabs UI library.

Features

• Backdrop + centered dialog container
• Header with title or custom header content
• Scrollable content area
• Footer region for actions
• Backdrop click close support

Usage

import { Dialog } from "@net-advantage/nabs-ui-dialog/Dialog";
import "@net-advantage/nabs-ui-dialog/style.css";

export function Example() {
  return (
    <Dialog
      title="Edit item"
      description="Update the fields below and confirm your changes."
      initialFocusSelector="#dialog-name"
      onRequestClose={() => {}}
      footer={
        <>
          <button type="button">Cancel</button>
          <button type="button">Save</button>
        </>
      }
    >
      <label>
        Name
        <input id="dialog-name" type="text" />
      </label>
    </Dialog>
  );
}