Core Accordion Custom Icons

Replace the default core Accordion toggle icon with configurable T2 icons for open and closed states

link Extension name

t2/core-accordion-custom-icons

link Description

Replaces the hardcoded toggle icon in the core Accordion block with configurable T2 icons. Icons can be set at two levels (highest priority first):

1. Per accordion block — via block attributes in the editor
2. Globally via t2.json — applies to all core accordion blocks on the site

Separate icons can be configured for the open and closed states. Defaults to chevronDown (closed) and chevronUp (open).

link Configuration

link t2.json

{
  "t2/core-accordion-custom-icons": {
    "icons": {
      "closed": "chevronDown",
      "open": "chevronUp",
      "size": 24
    }
  }
}

link Editor

In the block inspector, the Accordion block exposes a Toggle Icons panel with icon selectors for the closed and open states.