Skip to content

Experimenting with the Interactivity API to build an Accordion block.

Notifications You must be signed in to change notification settings

dannorthern/accordion-block

Repository files navigation

Accordion Block

WordPress plugin that adds two blocks for building accordions. The main Accordion block is the parent for the Accordion Item block.

Screenshot of accordion block

Features

  • Block styles for the main accordion to choose toggle style
    • Default (chevron)
    • Chevron Right
    • Plus/Minus
  • Support for color & background color.
  • Support for shadow, border, spacing, etc.
  • Option to set default open/closed state for each accordion-item
  • Innerblock support, so any blocks can be nested within the accordion-item block's content.

How to Use

  1. Get the plugin by downloading the zip or cloning, git clone [email protected]:dannorthern/accordion-block.git
  2. Install and activate the plugin in WordPress
  3. Add an Accordion block to your page
  4. Insert Accordion Item blocks inside the accordion. By default the template adds two.

Requirements

  • WordPress 6.1+
  • PHP 7.0+