NeoTerm UI

Modal

Terminal-styled modal dialog with backdrop overlay.

Import

import { Modal } from "neoterm-ui";

Usage

const [open, setOpen] = useState(false);

<Button onClick={() => setOpen(true)}>Open Modal</Button>
<Modal open={open} onClose={() => setOpen(false)} title="Confirm">
  <p>Are you sure you want to continue?</p>
</Modal>

Props

PropTypeDefaultDescription
openbooleanWhether the modal is visible.
onClose() => voidCalled when closing (backdrop click or Escape).
titlestringOptional modal title.
size"sm" | "md" | "lg""md"Width preset.
childrenReactNodeModal body content.
classNamestringAdditional CSS classes.