[ADF-2463] Moved core components to subfolder (#3062)

docs/core/accordion.component.md

@@ -0,0 +1,69 @@
+---
+Added: v2.0.0
+Status: Active
+---
+# Accordion Component
+
+Creates a collapsible accordion menu.
+
+![Accordion menu screenshot](../docassets/images/accordion-menu.png)
+
+## Basic Usage
+
+```html
+<adf-accordion>
+    <adf-accordion-group [heading]="titleHeading" [isSelected]="true" [headingIcon]="'assignment'">
+        <my-list></my-list>
+    </adf-accordion-group>
+</adf-accordion>
+```
+
+```ts
+@Component({
+    selector: 'my-component'
+})
+export class MyComponent implements OnInit {
+
+    titleHeading: string;
+
+    constructor() {
+        this.titleHeading = 'My Group';
+    }
+
+}
+```
+
+## Details
+
+An accordion menu contains several panels of content, only one of which is visible at any time. The
+hidden panels are collapsed down to just the title and pushed together (like the bellows of an accordion)
+while the visible panel fills the remaining space in the menu.
+
+Use one or more [Accordion Group](accordion-group.component.md) subcomponents to define the panels and set their
+properties (title, selection status, etc).
+
+### Example
+
+You can use an accordion menu to wrap a [process filter](../process-filters.component.md), as shown in
+the following example:
+
+```html
+<adf-accordion>
+    <adf-accordion-group 
+        [heading]="'Processes'" 
+        [isSelected]="true" 
+        [headingIcon]="'assessment'">
+        <adf-process-instance-filters
+            [appId]="appId"
+            (filterClick)="onProcessFilterClick($event)"
+            (success)="onSuccessProcessFilterList($event)">
+        </adf-process-instance-filters>
+    </adf-accordion-group>
+</adf-accordion>
+```
+
+![how-create-accordion-menu](../docassets/images/how-to-create-accordion-menu.png)
+
+## See also
+
+-   [Accordion group component](accordion-group.component.md)