Table of Contents

Accordion

Mikio Plugin

https://github.com/nomadjimbob/mikioplugin/wiki/Accordion

The accordion element allows you to group information for the user, allowing to show and hide the contents of each accordion item.

By default, all accordion items are collapsed. You can use the show attribute to default the accordion item to be shown or expanded.

An accordion is a block element and its width will be 100% of the space available. To limit the elements width, insert it inside a column.

Create an accordion with 3 items titled Item 1, Item 2 and Item 3. All items are hidden (collapsed) by default with the exception of the first item due to the show attribute set.

Item 1

The is some content inside accordion 1

Item 2

Here is some more details

Item 3

and this is the last one! 

<accordion>
  <accordion-item title="Item 1" show>The is some content inside accordion 1</accordion-item>
  <accordion-item title="Item 2">Here is some more details</accordion-item>
  <accordion-item title="Item 3">and this is the last one!</accordion-item>
</accordion>

Attributes

Accordion

Attribute Details
autoclose Automatically close any other opened accordion items other than the one clicked.

Accordion Item

Attribute Details
title Sets the displayed title for the accordion item (required)
show Expands the accordion item by default