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

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';
    }

}

Properties

Name	Type	Description
heading	string	Title heading for the group.
isSelected	boolean	Is this group currently selected?
headingIcon	string	The material design icon.
hasAccordionIcon	boolean	Should the (expanded) accordion icon be shown? Defaults to true
headingIconTooltip	string	Tooltip message to be shown for headingIcon

Details

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

See also

• Accordion component