@natec/mef-dev-ui-kit documentation
  1. Components
  2. MefDevTabComponent

File

src/lib/pg-components/tabs/tab.component.ts

Implements

OnDestroy OnInit

Metadata

host {
}
selector mefdev-tab
templateUrl ./tab.component.html

Index

Properties
Inputs
Outputs
Accessors

Constructor

constructor(MefDevTabSetComponent: MefDevTabSetComponent)
Parameters :
Name Type Optional
MefDevTabSetComponent MefDevTabSetComponent No

Inputs

Disabled
Type : boolean

Sets the disabled state of the tab.

<mefdev-tab [Disabled]="true"></mefdev-tab>

Outputs

pgClick
Type : EventEmitter

Event emitted when the tab is clicked.

<mefdev-tab (pgClick)="onTabClick()"></mefdev-tab>
pgDeselect
Type : EventEmitter

Event emitted when the tab is deselected.

<mefdev-tab (pgDeselect)="onTabDeselect()"></mefdev-tab>
pgSelect
Type : EventEmitter

Event emitted when the tab is selected.

<mefdev-tab (pgSelect)="onTabSelect()"></mefdev-tab>

Properties

_content
Type : TemplateRef<void>
Decorators :
@ViewChild(TemplateRef, {static: true})

Reference to the template for the tab content.
_tabHeading
Type : TemplateRef<void>
Decorators :
@ContentChild('TabHeading', {static: true})

Reference to the template for the tab heading.
origin
Type : number | null
Default value : null
position
Type : number | null
Default value : null

Accessors

Disabled
getDisabled()

Gets the disabled state of the tab.

Returns : boolean
setDisabled(value: boolean)

Sets the disabled state of the tab.

<mefdev-tab [Disabled]="true"></mefdev-tab>
Parameters :
Name Type Optional
value boolean No
Returns : void
content
getcontent()

Gets the template for the tab content.

<ng-container *ngTemplateOutlet="content"></ng-container>
Returns : TemplateRef | null

results matching ""

    No results matching ""