@ea-lab/reactive-json-docs/public/rjbuild/docs/core/element/special/Phantom.yaml

Complete documentation for Reactive-JSON - Components, examples and LLM-parsable guides

renderView:
  - type: Markdown
    content: |
      # Phantom

      The `Phantom` component allows you to define actions or logic in your rjbuild without rendering any DOM element. It is useful for triggering actions, conditions, or data manipulations invisibly, without affecting the visual structure of your application.

      ## Properties

  - type: DefinitionList
    content:
      - term:
          code: content
          after: "(object|array|string, optional)"
        details:
          type: Markdown
          content: "Content to evaluate or trigger (actions, conditions, etc.)."
      - term:
          code: actions
          after: "(array, optional)"
        details: "Actions to attach to the phantom logic (e.g., Tooltip)."

  - type: Markdown
    content: |
      ## Behavior
      - Does not render any visible DOM element.
      - Can be used to attach actions, conditions, or data manipulations without UI.
      - The `content` property can include any valid Reactive-JSON view, action, or string.
      - The `actions` property allows you to attach logic such as tooltips or data updates.

  - type: RjBuildDescriber
    title: Example
    toDescribe:
      renderView:
        - type: Phantom
          content: "Hover me"
          actions:
            - what: tooltip
              content: "This tooltip is attached via an action, not a visible wrapper."
              placement: right

  - type: Markdown
    content: |
      ## Limitations
      - Does not produce any visible output in the DOM.
      - Only useful for logic, actions, or invisible data manipulations.
      - Not intended for displaying content to the user.