alfresco-ng2-components/docs/core/accordion-group.component.md

Added, Status, Last reviewed

Added	Status	Last reviewed
v2.0.0	Active	2018-05-08

Accordion Group component

Adds a collapsible panel to an accordion menu.

Basic Usage

<adf-accordion>
    <adf-accordion-group [heading]="titleHeading" [isSelected]="true" [headingIcon]="'assignment'" [headingIconTooltip]="'Group Tooltip'">
        <my-list></my-list>
    </adf-accordion-group>
</adf-accordion>

@Component({
    selector: 'my-component'
})
export class MyComponent implements OnInit {

    titleHeading: string;

    constructor() {
        this.titleHeading = 'My Group';
    }

}

Class members

Properties

Name	Type	Default value	Description
hasAccordionIcon	boolean	true	Should the (expanded) accordion icon be shown?
heading	string		Title heading for the group.
headingIcon	string		The material design icon.
headingIconTooltip	string		Tooltip message to be shown for headingIcon

Events

Name	Type	Description
headingClick	EventEmitter<any>	Emitted when the heading is clicked.

Details

Place one or more accordion groups within an Accordion component to define a menu.

See also

• Accordion component