stimulus-accordion v1.0.0

Stimulus accordion controller

Installation

1. Add package yarn add stimulus-accordion
2. Import package in your application

import { Application } from 'stimulus'
const application = Application.start()

import AccordionController from 'stimulus-accordion'
application.register('accordion', AccordionController)

Configuration

<div data-controller="accordion"
     data-accordion-close-all-before="true"
     data-accordion-class-to-toggle="class_to_toggle">

Note There is currently a hard limit in the way you need to declare your HTML as it expects to find a parent div

Example

<div data-controller="accordion">
  <div> <!-- parent must be a div -->
    <h2>My title</h2>
    <a href="#" data-action="accordion#toggle">Preview</a>
    <div class="dnone" data-target="accordion.source">
      Text to be toggled
    </div>
  </div>
</div>

Publish new version

1. Run yarn build
2. Update CHANGELOG.md
3. Run yarn publish