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

Description

List groups are flexible and powerful components for displaying both simple lists of elements and complex ones with custom content.

Example :

<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>

Example

Metadata

host	`{ }`
selector	`c8y-list-group`
standalone	`true`
templateUrl	`./list-group.component.html`

Relationships

Used by

Depends on

No results matching.

<ng-content></ng-content>