alfresco-ng2-components/docs/core/accordion-group.component.md
Andy Stark 2c49de6070 [ADF-3514] Added transclusions sections to doc files (#3756)
* [ADF-3514] Added transclusion sections and guide page

* [ADF-3514] Updated tables of contents where needed

* [ADF-3514] Updated index files
2018-09-10 11:11:25 +01:00

1.6 KiB

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.

Accordion menu screenshot

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

}

Transclusions

Any content can be trancluded inside this component, since its purpose is to define a section in a surrounding Accordion component.

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