igniteui-angular
Version:
Ignite UI for Angular is a dependency-free Angular toolkit for building modern web apps
67 lines (66 loc) • 1.68 kB
TypeScript
/**
* The `<igx-drop-down-item>` is a container intended for row items in
* a `<igx-drop-down>` container.
*/
export declare class IgxDropDownGroupComponent {
private _id;
/**
* @hidden @internal
*/
readonly labelId: string;
readonly labelledBy: string;
/**
* @hidden @internal
*/
role: string;
/** @hidden @internal */
groupClass: boolean;
/**
* Sets/gets if the item group is disabled
*
* ```typescript
* const myDropDownGroup: IgxDropDownGroupComponent = this.dropdownGroup;
* // get
* ...
* const groupState: boolean = myDropDownGroup.disabled;
* ...
* //set
* ...
* myDropDownGroup,disabled = false;
* ...
* ```
*
* ```html
* <igx-drop-down-item-group [label]="'My Items'" [disabled]="true">
* <igx-drop-down-item *ngFor="let item of items[index]" [value]="item.value">
* {{ item.text }}
* </igx-drop-down-item>
* </igx-drop-down-item-group>
* ```
*
* **NOTE:** All items inside of a disabled drop down group will be treated as disabled
*/
disabled: boolean;
/**
* Sets/gets the label of the item group
*
* ```typescript
* const myDropDownGroup: IgxDropDownGroupComponent = this.dropdownGroup;
* // get
* ...
* const myLabel: string = myDropDownGroup.label;
* ...
* // set
* ...
* myDropDownGroup.label = 'My New Label';
* ...
* ```
*
* ```html
* <igx-drop-down-item-group [label]="'My new Label'">
* ...
* </igx-drop-down-item-group>
* ```
*/
label: string;
}