0Pricing
Browser Extensions Development (Chrome & Edge) · Lesson

Action, Icons & the Toolbar Button

Configure the extension action: toolbar icons, badges, dynamic titles, and click behavior in Manifest V3.

The Action API

The action is your extension's toolbar button. In Manifest V3 it is configured under the action key and controlled at runtime with chrome.action.

It is the primary entry point users see and click.

{
  "action": {
    "default_title": "My Tool",
    "default_icon": "icons/icon16.png"
  }
}

Default Icon Sizes

Provide multiple icon resolutions so the button looks sharp on standard and high-DPI displays.

{
  "action": {
    "default_icon": {
      "16": "icons/icon16.png",
      "32": "icons/icon32.png"
    }
  }
}

All lessons in this course

  1. Understanding Manifest V3 Structure
  2. Background Service Workers
  3. Permissions and Host Matching
  4. Action, Icons & the Toolbar Button
← Back to Browser Extensions Development (Chrome & Edge)