Zoom. Overview

Usage

Show zoom controls in web applications, including on small screens.

Rules

  • Place the controls in the upper-right corner.
  • Disable the relevant control when the maximum or minimum zoom level has been reached.
Variants

States and variants

The component has the following variants:

  • Mode: light/dark
  • Size: default/small

Default

Default map zoom controls
Default map zoom controls

Small

Small map zoom controls
Small map zoom controls

Do not use the small variant in mobile apps.