<wa-zoomable-frame>

Zoomable frames embed iframe content with built-in controls for zooming, panning, and managing interaction.

Category

Layout

Built with

Lit

Library

Web Awesome

Author

Web Awesome

Package

@awesome.me/webawesome

Component size

22.6 kB JS (minified + gzipped, JS includes dependencies beyond the library)

Library size

8.2 kB JS (shared by every Web Awesome component, loaded once per page)

Popular

5 out of 5

Downloads

364,100/week · jsDelivr 33,114,338 hits/month (whole @awesome.me/webawesome package)

GitHub stars

1,348

Latest stable version

3.14.0

License

MIT

Status

stable

• Documentation
• Demo
• Source code

Attributes

• src
• srcdoc
• allow
• allowfullscreen
• loading
• name
• referrerpolicy
• sandbox
• label
• zoom
• zoom-levels
• without-controls
• without-interaction
• with-theme-sync
• dir
• lang
• did-ssr

Slots

• zoom-in-icon
• zoom-out-icon

Events

• load
• error

CSS Parts

• iframe
• controls
• zoom-in-button
• zoom-out-button