//Icon that just shows one value if the property is selected or another value if the property is deselected
define( function( require ) {
  "use strict";

  var Node = require( 'SCENERY/nodes/Node' );
  var inherit = require( 'PHET_CORE/inherit' );

  function ToggleNode( off, on, property ) {
    var toggleNode = this;
    Node.call( this, {} );
    property.link( function( m, newValue ) { toggleNode.children = [newValue ? on : off]; } );
  }

  inherit( ToggleNode, Node );

  return ToggleNode;
} );
@@ -194,16 +194,101 @@
 ode' );%0A
+  var Path = require( 'SCENERY/nodes/Path' );%0A  var Shape = require( 'KITE/Shape' );%0A
   var in
@@ -427,16 +427,105 @@
 , %7B%7D );%0A
+    var background = new Path( %7Bshape: Shape.bounds( on.bounds.union( off.bounds ) )%7D );%0A
     prop
@@ -584,16 +584,28 @@
 dren = %5B
+background, 
 newValue

make sure the toggle icon is large enough to hold both on and off content