ChromeKit
HomepagePricing
  • 👋Get Started
  • 💡What you get?
  • 🔬Chrome Extension Types
  • ☄️Examples
  • ⚡Extension directory
  • 🖌️Initialise
    • Content script
    • Content script Sidebar
    • Sidepanel
    • Popup
    • IFrame (Content script sidebar from web app)
    • IFrame (Content script sidebar from extension files)
  • 🔧Feature
    • Auth External Communication
    • Session auth
    • Supabase auth
    • Welcome page
    • Uninstall page
  • 🧩Component
    • Twitter
    • License
    • Floating Input
  • 📙Guidelines (Only for purchased users)
    • Message passing
    • Permissions
    • Chrome web store
    • Tips
  • ❓FAQ
    • How to get extension id?
    • Common
Powered by GitBook
On this page
  1. Initialise

Sidepanel

PreviousContent script SidebarNextPopup

Last updated 10 months ago

Chrome's native Sidepanel

Install

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

npx ChromeKit-Org/cli init sidepanel

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

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

cd sidepanel-root
npm run watch
🖌️
Sidepanel