@c8y/ngx-components/core/list-group/list-group.component.d.ts

Angular modules for Cumulocity IoT applications

import { ListItemTimelineComponent } from './list-item-timeline.component';
import * as i0 from "@angular/core";
/**
 * List groups are flexible and powerful components for displaying
 * both simple lists of elements and complex ones with custom content.
 *
 * ```html
 * <c8y-list-group>
 *   <c8y-li>
 *     Plain <strong>Text</strong>
 *   </c8y-li>
 *   <c8y-li>
 *     <c8y-li-icon [icon]="'rocket'"></c8y-li-icon>
 *     Icon
 *   </c8y-li>
 *   <c8y-li>
 *     <c8y-li-radio></c8y-li-radio>
 *     Radio
 *   </c8y-li>
 *   <c8y-li>
 *     <c8y-li-checkbox></c8y-li-checkbox>
 *     Checkbox
 *   </c8y-li>
 *   <c8y-li>
 *     Content
 *     <c8y-li-footer>
 *       Footer
 *     </c8y-li-footer>
 *   </c8y-li>
 *   <c8y-li>
 *     Content
 *     <c8y-li-action icon="rocket">
 *       Launch
 *     </c8y-li-action>
 *   </c8y-li>
 *   <c8y-li>
 *     Content
 *     <c8y-li-collapse>
 *       Collapsed content
 *     </c8y-li-collapse>
 *   </c8y-li>
 * </c8y-list-group>
 * ```
 */
export declare class ListGroupComponent {
    /**
     * @ignore
     */
    timeline: boolean;
    /**
     * Displays the current list as a timeline. Best used
     * with content projection.
     *
     * ```html
     * <c8y-list-group>
     *   <c8y-li-timeline>
     *     24.April 2020
     *     <c8y-li>
     *       Hello
     *     </c8y-li>
     *   </c8y-li-timeline>
     * </c8y-list-group>
     * ```
     */
    timelineComponent: ListItemTimelineComponent;
    /**
     * @ignore
     */
    ngAfterContentChecked(): void;
    static ɵfac: i0.ɵɵFactoryDeclaration<ListGroupComponent, never>;
    static ɵcmp: i0.ɵɵComponentDeclaration<ListGroupComponent, "c8y-list-group", never, {}, {}, ["timelineComponent"], ["*"], true, never>;
}
//# sourceMappingURL=list-group.component.d.ts.map