Go Back to index

Tag (Component)

The tag component allows to display small texts.

Inputs

Property Type Req Description Default
tag StTagItem False Item that contains the tag info
removable Boolean False Boolean to display or not the cross icon to remove tag
clickable Boolean False Boolean to set tag as clicklable or not true

Outputs

Property Type Description
remove StTagItem Even emitted when cross icon is clicked
click StTagItem Event emitted when tag is clicked

Example

<st-tag [tag]="simpleTag"
      class="small"
      [removable]="true"></st-tag>

Models

StTagItem (StTagItem)

export class StTagItem {
    id: any;
    text: string;
    icon ? : string;
    bubble ? : string;
    [key: string]: any;
}