@deck.gl/widgets 9.4.0-alpha.1 → 9.4.0-beta.1

package/src/zoom-widget.tsx

@@ -19,6 +19,10 @@ export type ZoomWidgetProps = WidgetProps & {
   zoomInLabel?: string;
   /** Tooltip message on zoom out button. */
   zoomOutLabel?: string;
+  /** Custom tooltip content for zoom in button. Overrides zoomInLabel for tooltip display. */
+  zoomInTooltip?: string | HTMLElement | false;
+  /** Custom tooltip content for zoom out button. Overrides zoomOutLabel for tooltip display. */
+  zoomOutTooltip?: string | HTMLElement | false;
   /** Zoom transition duration in ms. 0 disables the transition */
   transitionDuration?: number;
   /** Zoom level delta applied by each button click.
@@ -57,6 +61,8 @@ export class ZoomWidget extends Widget<ZoomWidgetProps> {
     zoomStep: 1,
     zoomInLabel: 'Zoom In',
     zoomOutLabel: 'Zoom Out',
+    zoomInTooltip: undefined!,
+    zoomOutTooltip: undefined!,
     zoomAxis: 'all',
     viewId: null,
     onZoom: () => {}
@@ -82,11 +88,13 @@ export class ZoomWidget extends Widget<ZoomWidgetProps> {
         <IconButton
           onClick={() => this.handleZoomIn()}
           label={this.props.zoomInLabel}
+          tooltip={this.props.zoomInTooltip}
           className="deck-widget-zoom-in"
         />
         <IconButton
           onClick={() => this.handleZoomOut()}
           label={this.props.zoomOutLabel}
+          tooltip={this.props.zoomOutTooltip}
           className="deck-widget-zoom-out"
         />
       </ButtonGroup>