Behive Tech Registry

Modal

v0.2.0

A `Card` centered in the viewport with a dimmed backdrop that blocks interaction with the rest of the page, built on [Radix `Dialog`](https://www.radix-ui.com/primitives/docs/components/dialog) for focus trapping, Escape-to-close, and outside-click-to-close. It has no opinion on what goes inside the panel — an optional `title` renders a header with a close button, otherwise just the `children` are shown.

pnpm add @behivetech/atoms.modal

Edit the code and the preview updates as you type. Every registry export is in scope — Modal from this package, plus React hooks and every other component in the registry.

Playground
const BasicModal = () => (
  <Modal onClose={() => {}} title="Add Block">
    Modal content
  </Modal>
);

render(<BasicModal />);