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.

<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
Type : "button" | "row"
Default value : 'button'

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

 
<ng-content></ng-content>

results matching ""

    No results matching ""