ResetAllButton

ResetAllButton (from scenerystack/scenery-phet) is the standard orange circular button that appears in the bottom-right of every PhET-style ScreenView and restores that screen's model and view to their initial state. It's a specialized ResetButton (itself a RoundPushButton) that also interrupts in-progress input and mutes voicing/alert spam while the reset runs.

import { ResetAllButton } from 'scenerystack/scenery-phet';

A minimal example

class MyScreenView extends ScreenView {
  public constructor( model: MyModel ) {
    super();

    const resetAllButton = new ResetAllButton( {
      listener: () => {
        model.reset();
        this.reset();
      },
      right: this.layoutBounds.maxX - 25,
      bottom: this.layoutBounds.maxY - 25
    } );
    this.addChild( resetAllButton );
  }
}

Options

ResetAllButtonOptions is SelfOptions & ResetButtonOptions (minus xMargin/yMargin, which ResetAllButton fixes itself). The listener option is inherited all the way from RoundPushButton — call your model's (and view's) reset() from it.

Option	Default	Effect
listener	—	Callback fired when the button is pressed; this is where you call model.reset()
radius	SceneryPhetConstants.DEFAULT_BUTTON_RADIUS	Button radius
interruptScreenViewInput	true	Interrupts any in-progress input (drags, etc.) on ancestor ScreenViews before resetting
baseColor	PhetColorScheme.RESET_ALL_BUTTON_BASE_COLOR	The standard PhET orange
touchAreaDilation	5.2	Tuned touch-area expansion — avoid overriding lightly

Built-in behavior

• Fires an alt+R global keyboard hotkey (ResetAllButton.RESET_ALL_HOTKEY_DATA) equivalent to pressing the button.
• Mutes voicing/description alerts while the reset is firing, then announces a single "everything was reset" alert afterward instead of a flood of per-Property alerts.