Supex Text LogoSupex Logo Mark


The script to execute when the action button of the extension is clicked.

Vanilla JSapp/action.jsx

import { createRoot } from 'react-dom/client';
const root = document.createElement('div');

function Action() {
  return '...';


createRoot(root).render(<Action />);


The script exports meta object which contains the metadata like page title and description.

Vanilla JSapp/action.js

export const meta = {
  title: '...',
  viewport: '...',
  description: '...',

Custom Icon

By default the action icon will use the extension icon. But if you want to set custom for action icon, please use app/action-icon.(svg|png|jpg).

Custom HTML

The app/action.html overrides the default HTML template for action.


<!DOCTYPE html>
<html lang="en">

  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <script src=""></script>