Content script Sidebar

Content script is JS & CSS code that you inject into the web page. In this case, the content script will be injected as a sidebar.

Here's an example:

Meta Explorer is a content script sidebar extension.

Example of Sidebar

Install

Create a new directory, cd into it and then run the below command.

npx ChromeKit-Org/cli init content-script-sidebar

You will have 2 directories after you run the above command extension and cs-root.

cs-root directory has the react code that will be injected as content script into the web page.

cd cs-root
npm run watch

Click on the extension icon to open the sidebar.

Content script sidebar