https://github.com/dannorthern/accordion-block

Experimenting with the Interactivity API to build an Accordion block.
https://github.com/dannorthern/accordion-block

accordion block interactivity-api plugin toggle wordpress wordpress-block wordpress-plugin

Last synced: 17 days ago
JSON representation

Experimenting with the Interactivity API to build an Accordion block.

• Host: GitHub
• URL: https://github.com/dannorthern/accordion-block
• Owner: dannorthern
• Created: 2024-08-12T16:25:39.000Z (3 months ago)
• Default Branch: main
• Last Pushed: 2024-08-16T21:19:47.000Z (3 months ago)
• Last Synced: 2024-10-11T03:42:13.073Z (about 1 month ago)
• Topics: accordion, block, interactivity-api, plugin, toggle, wordpress, wordpress-block, wordpress-plugin
• Language: JavaScript
• Homepage:
• Size: 44.9 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# 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](https://i.imgur.com/2BxktJc.png)

## 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+