
#########################
HoopsExplodeButtonElement
#########################

.. js:class:: wvc.HoopsExplodeButtonElement

   Provides a toolbar button with a slider to control model explode magnitude. Need to connect to a web viewer instance through the ``webViewer`` property to query model bounds before starting explode.
   
   .. rubric:: Examples
   
   
   .. code-block:: html
   
      <hoops-toolbar-explode dropDownPosition="right"></hoops-toolbar-explode>
      
      <script>
        const explodeButton = document.getElementsByTagName("hoops-toolbar-explode")[0];
        explodeButton.webViewer = webViewerInstance;
      </script>
   
   .. rubric:: Custom Element
   
   
   ``hoops-toolbar-explode``
   
   .. rubric:: Attributes
   
   
   **dropDownPosition**
   
   
      Defines where the explode dropdown is rendered relative to the button.
   
   
   .. rubric:: Services
   
   
   **ExplodeService**
   
   
      Service used to initialize, read, and update explode state.
   
   
   .. rubric:: Since
   
   
   ``2026.2.0``
   
   
   Index
   =====
   
   .. rubric:: Constructors
   
   
   .. rst-class:: api-xref-list
   
   
   * :js:func:`~wvc.HoopsExplodeButtonElement.constructor`
   
   .. rubric:: Properties
   
   
   .. rst-class:: api-xref-list
   
   
   * :js:data:`~wvc.HoopsExplodeButtonElement.dropDownPosition`
   * :js:data:`~wvc.HoopsExplodeButtonElement.webViewer`
   
   



.. rst-class:: kind-group kind-constructors

.. rubric:: Constructors
   :class: kind-group-title


.. js:method:: wvc.HoopsExplodeButtonElement.constructor

      .. rst-class:: sig-pretty-signature
      
         | HoopsExplodeButtonElement(): :js:class:`HoopsExplodeButtonElement <wvc.HoopsExplodeButtonElement>`
      
      **Returns**\ : :js:class:`HoopsExplodeButtonElement <wvc.HoopsExplodeButtonElement>`
      



.. rst-class:: kind-group kind-properties

.. rubric:: Properties
   :class: kind-group-title


.. js:data:: wvc.HoopsExplodeButtonElement.dropDownPosition

      .. rst-class:: sig-pretty-signature
      
         | dropDownPosition: (*"top"* | *"left"* | *"right"* | *"bottom"*\ )
      
      Represents the position where the dropdown is located relative to the button. Possible values are "bottom", "top", "right", or "left". Default value is "right".
      



.. js:data:: wvc.HoopsExplodeButtonElement.webViewer

      .. rst-class:: sig-pretty-signature
      
         | webViewer: (*None* | *WebViewer*\ )
      
      Connected web viewer instance used to query model bounds before starting explode.
      




