Web SDK documentation
  1. Components
  2. ListItemCollapseComponent

File

core/list-group/list-item-collapse.component.ts

Description

Display collapsed content on a list item. Can be used for more detailed information. Use it with content projection.

Example

```html
 * <c8y-li>
 *   <c8y-collapsed>
 *     <strong>I am only visible if extended</strong>
 *   </c8y-collapsed>
 * </c8y-li>
 * ```

Metadata

selector c8y-list-item-collapse, c8y-li-collapse
templateUrl ./list-item-collapse.component.html

Index

Inputs

Inputs

collapseWay

The way how to toggle collapse state. button (default) - additional button for toggle collapse state row - toggling collapse state by clicking to entire row.

Type : "button" | "row"

Default value : 'button' 

<ng-content></ng-content>

result-matching ""

    No results matching ""