def METHOD_NAME(self):
    name_and_version = f"{self.interface.formal_name}"
    if self.interface.version is not None:
        name_and_version += f" v{self.interface.version}"
    if self.interface.author is not None:
        copyright = f"\n\nCopyright © {self.interface.author}"
    close_button = create_element(
        "sl-button", slot="footer", variant="primary", content="Ok"
    )
    about_dialog = create_element(
        "sl-dialog",
        id="toga-about-dialog",
        label="About",
        children=[
            create_element("p", content=name_and_version),
            create_element("p", content=copyright),
            close_button,
        ],
    )
    # Create a button handler to capture the close,
    # and destroy the dialog
    def dialog_close(event):
        about_dialog.hide()
        self.native.removeChild(about_dialog)
    close_button.onclick = dialog_close
    # Add the dialog to the DOM.
    self.native.appendChild(about_dialog)
    # If this is the first time a dialog is being shown, the Shoelace
    # autoloader needs to construct the Dialog custom element. We can't
    # display the dialog until that element has been fully loaded and
    # constructed. Only show the dialog when the promise of <sl-dialog>
    # element construction has been fulfilled.
    def show_dialog(promise):
        about_dialog.show()
    js.customElements.whenDefined("sl-dialog").then(show_dialog)