#514 (#1840)

Follow the component guide style
The accordion should be open by default

ng2-components/ng2-activiti-processlist/README.md

@@ -254,15 +254,15 @@ You can create an accordion menu using the AccordionComponent that wrap the acti
 The AccordionComponent is exposed by the alfresco-core.
 
 ```html
-<accordion>
-    <accordion-group [heading]="'Processes'" [isSelected]="true" [headingIcon]="'assessment'">
+<adf-accordion>
+    <adf-accordion-group [heading]="'Processes'" [isSelected]="true" [headingIcon]="'assessment'">
         <activiti-process-instance-filters
             [appId]="appId"
             (filterClick)="onProcessFilterClick($event)"
             (onSuccess)="onSuccessProcessFilterList($event)">
         </activiti-process-instance-filters>
-    </accordion-group>
-</accordion>
+    </adf-accordion-group>
+</adf-accordion>
 ```
 
 ![how-create-accordion-menu](docs/assets/how-to-create-accordion-menu.png)

ng2-components/ng2-activiti-tasklist/README.md

@@ -361,8 +361,8 @@ You can create an accordion menu using the AccordionComponent that wrap the acti
 The AccordionComponent is exposed by the alfresco-core.
 
 ```html
-<accordion>
-    <accordion-group [heading]="'Tasks'" [isSelected]="true" [headingIcon]="'assignment'">
+<adf-accordion>
+    <adf-accordion-group [heading]="'Tasks'" [isSelected]="true" [headingIcon]="'assignment'">
         <activiti-filters
             [appId]="appId"
             [hasIcon]="false"
@@ -370,8 +370,8 @@ The AccordionComponent is exposed by the alfresco-core.
             (onSuccess)="onSuccessTaskFilterList($event)"
             #activitifilter>
         </activiti-filters>
-    </accordion-group>
-</accordion>
+    </adf-accordion-group>
+</adf-accordion>
 ```
 
 ![how-create-accordion-menu](docs/assets/how-to-create-accordion-menu.png)

ng2-components/ng2-alfresco-core/src/components/collapsable/accordion-group.component.ts

@@ -19,7 +19,7 @@ import { Component, Input, OnDestroy } from '@angular/core';
 import { AccordionComponent } from './accordion.component';
 
 @Component({
-    selector: 'accordion-group',
+    selector: 'adf-accordion-group',
     moduleId: module.id,
     templateUrl: 'accordion-group.component.html',
     styleUrls: ['./accordion-group.component.css']

ng2-components/ng2-alfresco-core/src/components/collapsable/accordion.component.ts

@@ -19,7 +19,7 @@ import { Component } from '@angular/core';
 import { AccordionGroupComponent } from './accordion-group.component';
 
 @Component({
-    selector: 'accordion',
+    selector: 'adf-accordion',
     template: `
         <ng-content></ng-content>
     `,