File

core/action-bar/action-bar-item.component.ts

Description

A can be added with content projection. It allows to show items in three positions (left, right or more).

Example :
<c8y-action-bar-item [placement]="'right'">
  <button class="btn btn-link" (click)="addRandom()"><i c8yIcon="plus-circle"></i> Add random</button>
</c8y-action-bar-item>

Implements

ActionBarItemWithComponent

Metadata

Index

Inputs

Inputs

groupId
Type : any

If a group id is set, the action bar with the same group id is only rendered once.

inGroupPriority
Type : any

If action bar items has the same groupId, only one is displayed. Action bar item with the same groupId that has highest inGroupPriority is displayed.

injector
Type : Injector

Allows to define a different injector.

itemClass
Type : string
Default value : ''

Adds additional classes to the item.

placement
Type : "left" | "right" | "more"
Default value : 'left'

Where the item should be shown. Use "more" to place it in a dropdown on the right.

priority
Type : number
Default value : 0

Priority for sorting the list. Higher priority means an earlier position in the list.

<ng-template #template>
  <li class="{{ itemClass }}">
    <ng-content></ng-content>
  </li>
</ng-template>

results matching ""

    No results matching ""