alfresco-ng2-components/docs/accordion-group.component.md
Andy Stark 900fd70d63 [ADF-1769] Added prop tables and fixed script (#2896)
* [ADF-1769] Added prop tables and fixed script

* [ADF-1769] Corrected JSDoc formatting errors

* [ADF-1769] Restored default column to prop tables
2018-01-31 09:22:05 +00:00

1.5 KiB

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

}

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