Documentation

ImportGraph.Widget.Collapsible

Collapsible MessageData widget #

collapsible summary body produces a MessageData that renders in the infoview as a dropdown <details> element:

▼ summary
  body

summary is the header, and body is shown only when expanded. Both summary and body are MessageData.

Unlike MessageData.trace, this carries no trace styling or cls tag, and unfortunately is not lazy.

Future work #

Props for the Collapsible widget.

Instances For
    @[instance_reducible]
    Equations
    • One or more equations did not get rendered due to their size.

    The dropdown widget: a <details> component with MessageData header and body.

    Note: The body is mounted lazily. Since an ordinary closed <details> component would still mount the body even if it were closed, we track whether the <details> component has ever been opened manually and mount it on first open. It then stays mounted.

    Equations
    • One or more equations did not get rendered due to their size.
    Instances For

      Build a MessageData that renders as a collapsible dropdown: summary is the header and body is the MessageData revealed when expanded. For example:

      ⯈ This is the header!
      

      may be clicked to expand to

      ▼ This is the header!
        And this is the body.
      

      initiallyOpen controls whether the dropdown starts expanded (default false).

      Note that the body is already indented, and e.g. indentD body may insert an unwanted extra line.

      Equations
      • One or more equations did not get rendered due to their size.
      Instances For