An accordion allows to toggle the display of sections of content.

Usage no npm install needed!

<script type="module">
  import logoSoftwareAccordion from 'https://cdn.skypack.dev/@logo-software/accordion';


Accordion Module

An accordion menu is a vertically stacked list of headers that can be clicked to reveal or hide content associated with them. It is one of many ways you can expose content to users in a progressive manner.

Click here for demo


All public NPM packages of Logo Software is at https://www.npmjs.com/~logofe. To install Accordion Module:

$ npm set registry https://registry.npmjs.org/
$ npm install @logo-software/accordion -s

Just import it to your project of @NgModule import section.

  imports: [CommonModule, AccordionModule]
export class AppModule {

Accordion Component

Accordions are useful when you want to toggle between hiding and showing large amount of content. Add the below code to your code stack and give initializer parameters.


<logo-accordion [items]="items" [start]="0" [iconClasses]=""></logo-accordion>

For API details, please visit http://design.logo.com.tr/#/docs/components/components-overview