ractive-ez-accordion/readme.md

Ractive Ez UI Accordion

# Ractive Ez Accordion

Accordion component for ractive.js

[Demo](https://bartvanbeurden.github.io/ractive-ez-demo/)

## Install

    npm i ractive-ez-accordion

```js
import 'ractive-ez-accordion';
import 'ractive-ez-accordion/themes/blue.less';
```

Theming requires less-loader.

## Usage

```html
<EzAccordion>
    <EzAccordionItem>
        <EzAccordionLink>Label Name</EzAccordionLink>
        <EzAccordionPane>Content</EzAccordionPane>
    </EzAccordionItem>
</EzAccordion>
```

### Multiple mode

By default, an accordion will only allow one pane to be open at a time. You can use the `multiple` property to allow many panes to be opened at the same time

```html
<EzAccordion multiple>
```

### Dynamic panes

This component supports dynamic panes

```html
<EzAccordion>
    {{#each panes as pane }}
    <EzAccordionItem>
        <EzAccordionLink>{{ pane.name }}</EzAccordionLink>
        <EzAccordionPane>{{ pane.contents }}</EzAccordionPane>
    </EzAccordionItem>
    {{/each}}
</EzAccordion>
```