Browser Extension Pages
Extension pages are built-in pages recognized by the browser. They include the extension's popup, options, and newtab pages.
Heads up! Make sure to refresh your extension manually when creating a new browser extension page as our runtime might not be listening and might not update in certain cases.
The Popup Page is a small dialog window that opens when the user clicks on the extension's icon in the browser toolbar. It is the most common type of extension page.
popup.tsx file or a
popup/index.tsx file that exports a default React component. With that, your popup is ready to be used 🚀!
The Option UI page aims to provide a dedicated place for the extension's setting and configuration.
Create either an
options/index.tsx file to render the options_ui 👌
The New Tab page overrides the default tab and is generally how the browser greets the user.
newtab.tsx file or a
newtab/index.tsx file, and Plasmo will take care of the rest to render your new tab page 🤘!