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

IFrame (Content script sidebar from extension files)

This is similar to content script sidebar, with the only difference being the sidebar is injected in an iframe instead of injecting it in shadow root. The content of the content script sidebar comes locally, from the extension files.

Install

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

npx ChromeKit-Org/cli init iframe-local

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

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

PreviousIFrame (Content script sidebar from web app)NextAuth External Communication

Last updated 9 months ago

🖌️