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

Implements

ActionBarItem

Example

```html
 * <c8y-action-bar-item [placement]="'right'">
 *   <button class="btn btn-link" (click)="addRandom()"><i class="fa fa-plus"></i> Add random</button>
 * </c8y-action-bar-item>
 * ```

Metadata

selector c8y-action-bar-item
templateUrl ./action-bar-item.component.html

Index

Inputs

Inputs

itemClass

Adds additional classes to the item.

Default value : ''

placement

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

Type : "left" | "right" | "more"

Default value : 'left'

priority

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

Type : number

Default value : 0

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

result-matching ""

    No results matching ""