Files
amysteamdev 064dde640b [SidePanel API] Adds four examples (#890)
* Add global side panel

* Add multiple panes sample

* Add dictionary side panel sample

* Add google.com and action click extension

* Switch to lowercase

* Fix name

* Fix links

* Add screenshots and links

* Tweak google sp

* Remove logs

* Add install reason

* Add default title to action

* Change extension names
Update readme's

* Tweak comments
Add aside

* increase picture size

* Add screenshots

* Add spaces

* Update screenshots

* Update img size

* Refactor multiple panels

* rename action folder to site-specific

* Switch to Side Panel API

* Apply suggestions from Tech review p2

Thanks Oliver!

Co-authored-by: Oliver Dunk <oliverdunk@google.com>

* Add space
Change variable

---------

Co-authored-by: Oliver Dunk <oliverdunk@google.com>
2023-05-03 11:19:49 -05:00

1.0 KiB

Multiple side panels example

You can use sidepanel.getOptions() to retrieve the current side panel and switch between side panels. This example sets a welcome side panel when the extension is first installed, then when the user navigates to a different tab, it replaces it with the main side panel.

Running this extension

  1. Clone this repository.
  2. Load this directory in Chrome as an unpacked extension.
  3. Open the side panel UI
  4. Choose "Multiple side panels" to see the welcome page.
Welcome side panel
  1. Navigate to https://developer.chrome.com to see the main side panel.
Main side panel