<m-prompt>

<m-prompt
    message="What is your favourite color?"
    placeholder="Write a color"
    prefill="orange"
    id="my-prompt"
    y="2"
>
  <m-cube id="color-cube" color="blue"></m-cube>
</m-prompt>

<m-label id="my-label" y="5" width="10" content="Hello World!" font-size="80" alignment="center" color="#BBB" font-color="#000"></m-label>

<script>
  const mPrompt = document.getElementById("my-prompt");
  const mLabel = document.getElementById("my-label");
  const mCube = document.getElementById("color-cube");

  function handlePrompt(e) {
    const color = e.detail.value;
    mLabel.setAttribute("content", color);
    mCube.setAttribute("color", color);
  }

  mPrompt.addEventListener("prompt", handlePrompt);
</script>

• Attribute Group: debuggable

  • debug: boolean

    A boolean that indicates whether the element should be drawn with debug information (e.g. axes helper). Default value is false.

• Attribute Group: transformable

  • x: float

    The position of the element along the X-axis in meters. Default value is 0.

  • y: float

    The position of the element along the Y-axis in meters. Default value is 0.

  • z: float

    The position of the element along the Z-axis in meters. Default value is 0.

  • rx: float

    The rotation of the element around the X-axis in degrees. Default value is 0.

  • ry: float

    The rotation of the element around the Y-axis in degrees. Default value is 0.

  • rz: float

    The rotation of the element around the Z-axis in degrees. Default value is 0.

  • sx: float

    The scale of the element along the X-axis. Default value is 1.

  • sy: float

    The scale of the element along the Y-axis. Default value is 1.

  • sz: float

    The scale of the element along the Z-axis. Default value is 1.

  • visible: boolean

    Whether the element is visible (true) or hidden (false) in the scene. Default value is true.

  • socket: string

    The name of a bone in the parent element's skeletal mesh to which this element will be attached. If not specified, the element will attach to the origin of its parent.

• Attribute Group: coreattrs

  • id: ID

    A unique identifier for the element, used for selection and manipulation through scripting. It must be unique within the document.

  • class: string

    A space-separated list of class names that can be used for scripting purposes.