Dialog() — react Function Reference

Architecture documentation for the Dialog() function in Dialog.tsx from the react codebase.

Function tsx BabelCompiler Optimization

Entity Profile

BabelCompiler→ Optimization→ Dialog() — react Function Reference

Dependency Diagram

graph TD
  60bd018b_2f0d_e868_25f9_0cc2d072ab57["Dialog()"]
  96e127ca_58f8_32fc_b0fc_1352fef0df7b["Dialog.tsx"]
  60bd018b_2f0d_e868_25f9_0cc2d072ab57 -->|defined in| 96e127ca_58f8_32fc_b0fc_1352fef0df7b
  style 60bd018b_2f0d_e868_25f9_0cc2d072ab57 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

fixtures/flight-parcel/src/Dialog.tsx lines 5–21

export function Dialog({
  trigger,
  children,
}: {
  trigger: ReactNode;
  children: ReactNode;
}) {
  let ref = useRef<HTMLDialogElement | null>(null);
  return (
    <>
      <button onClick={() => ref.current?.showModal()}>{trigger}</button>
      <dialog ref={ref} onSubmit={() => ref.current?.close()}>
        {children}
      </dialog>
    </>
  );
}