Basic Chrome sidepanel extension template
- Clone this repository:
git clone https://github.com/SagaOfAGuy/react-extension-sidepanel-template.git
- Enable Developer options in Chrome Browser by browsing to the URL
chrome://extensions/
in Chrome, and ticking the "Developer mode" toggle:
- Click the "Load Unpacked" button
- Import the
dist
folder inside of this repository folder:
- After the chrome extension is loaded, it should show up as a chrome extension:
- Pin the extension for visibility:
- Click the pinned extension icon for this project:
- This brings up the extension itself and it should look like the following:
- We can click the tabs, and it should show different text for each tab: