alfresco-ng2-components/docs/core/accordion-group.component.md
Andy Stark 06992196cd [ADF-2824] Reviewed docs for core and content services (#3290)
* [ADF-2824] Reviewed card view docs

* [ADF-2824] Reviewed doc for core and content services

* [ADF-2824] Added class name exception to prop script
2018-05-09 15:03:22 +01:00

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

}

Class members

Properties

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

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