Vue-material: Accordion / Collapse

[juppdes]

Is there any component like Accordion / Collapse available?

[bojko108]

Hi, I'm using "Expansion lists", you can see an example here: https://vuematerial.github.io/#/components/list

[juppdes]

Hi, but you can put forms or other components in there ?

[bojko108]

Yes, I use it like this:

<md-list>
  <md-list-item>
    <md-icon>whatshot</md-icon>
    <span>Selection</span>
    <md-list-expand>

      <!-- here is the custom element -->
      <md-card>
        <md-card-header>
          <md-card-header-text>
            <div class="md-title">Title goes here</div>
            <div class="md-subhead">Subtitle here</div>
          </md-card-header-text>
          <md-card-media>
            <img src="assets/avatar-2.jpg" alt="People">
          </md-card-media>
        </md-card-header>
        <md-card-actions>
          <md-button>Action</md-button>
          <md-button>Action</md-button>
        </md-card-actions>
      </md-card>
      <!-- end -->

    </md-list-expand>
  </md-list-item>
</md-list>

You can place the child elements in <md-list-expand> tag

[juppdes]

Thanks @bojko108 !! Works fine !!