@talenra/inbox documentation
  1. Components
  2. DetailViewInformationTabComponent

File

src/lib/inbox-layout/inbox-detail-view/detail-view-information-box/detail-view-information-tab-bar/detail-view-information-tab/detail-view-information-tab.component.ts

Description

The further information of a data item is divided into different tabs to get a better overview of the presented data. This component represents one general tab.

Example :
<talenra-detail-view-information-tab iconType="assignment" [counter]="10" />

Metadata

selector talenra-detail-view-information-tab
imports BadgeComponent
styleUrls ./detail-view-information-tab.component.scss
templateUrl ./detail-view-information-tab.component.html

Index

Inputs

Inputs

counter
Default value : 0, { transform: numberAttribute }

The counter is used to display the number of items in the tab.
iconType
Type : string
Required :  true

Input attributes to set icon and badge count of tab component.
maxBadgeCounter
Default value : 99, { transform: (value: number | undefined): number => (value === undefined ? 99 : value), }

The maximum value to display. If the actual value is greater than the max value, the max value will be displayed followed by a plus sign.

results matching ""

    No results matching ""