gentics-ui-core
Version:
This is the common core framework for the Gentics CMS and Mesh UI, and other Angular applications.
28 lines (27 loc) • 1.3 kB
TypeScript
import * as i0 from "@angular/core";
/**
* A wrapper around items that appear in the list pane of the SplitViewComponent.
*
* Two component-specific classes can be used:
*
* * `.item-avatar`: The content of this element will be styled in a circular container.
* * `.item-primary`: The primary content of the item, which will take up all the remaining space via `flex: 1`.
* * `.show-on-hover`: Any element with this class will appear faded out until the user hovers the list item.
*
*
* ```html
* <gtx-contents-list-item *ngFor="let item of listItems">
* <!-- this will be styled as a circular icon -->
* <div class="item-avatar"><i class="material-icons">{{ item.icon }}</i></div>
* <!-- this will stretch to use all available space -->
* <div class="item-primary"><a [routerLink]="[item.route]">{{ item.title }}</a></div>
* <!-- these will use remaining space to the right -->
* <i class="material-icons show-on-hover">edit</i>
* <i class="material-icons show-on-hover">star</i>
* </gtx-contents-list-item>
* ```
*/
export declare class ContentsListItem {
static ɵfac: i0.ɵɵFactoryDeclaration<ContentsListItem, never>;
static ɵcmp: i0.ɵɵComponentDeclaration<ContentsListItem, "gtx-contents-list-item", never, {}, {}, never, ["*"]>;
}