HoopsExplodeButtonElement

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.

Examples

<hoops-toolbar-explode dropDownPosition="right"></hoops-toolbar-explode>

<script>
  const explodeButton = document.getElementsByTagName("hoops-toolbar-explode")[0];
  explodeButton.webViewer = webViewerInstance;
</script>

Custom Element

hoops-toolbar-explode

Attributes

dropDownPosition

Defines where the explode dropdown is rendered relative to the button.

Services

ExplodeService

Service used to initialize, read, and update explode state.

Since

2026.2.0

Index

Constructors

• constructor

Properties

• dropDownPosition
• webViewer

Constructors

wvc.HoopsExplodeButtonElement.constructor()

HoopsExplodeButtonElement(): HoopsExplodeButtonElement

Returns: HoopsExplodeButtonElement

Properties

wvc.HoopsExplodeButtonElement.dropDownPosition

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”.

wvc.HoopsExplodeButtonElement.webViewer

webViewer: (None | WebViewer)

Connected web viewer instance used to query model bounds before starting explode.