← ui-lab

Zoomable Viewport

A zoomable, pannable viewport. Focus it and press +/- to zoom, or use Ctrl/Cmd+wheel (a trackpad pinch); a plain wheel pans. The current zoom is reflected in the accessible name.

Preview

Installation

npx shadcn@latest add https://ui.publictheta.com/r/zoomable-viewport.json

Conformance

This component conforms to the @publictheta/ui-spec zoomable-viewport specification, covering keyboard and wheel-gesture zoom plus panning. Run the suite against any implementation with pnpm conformance.