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

File

src/lib/markup-kit/page-layouts/manage-page/manage-page.component.ts

Description

A component representing a manage page layout.

Example of usage:

<mefdev-manage-page [startTabInd]="0">
  <ng-template #card_title>
    Title of the card
  </ng-template>
  <ng-template #tabs_block>
    Content of the tabs block
  </ng-template>
</mefdev-manage-page>

Example of usage: https://mef.dev/ui_kit_demo/view/page_layouts/manage_page

Implements

OnInit

Metadata

selector mefdev-manage-page
styleUrls ./manage-page.component.scss
templateUrl ./manage-page.component.html

Index

Properties
Inputs

Constructor

constructor()

Inputs

startTabInd
Type : number
Default value : 0

The index of the starting tab.

<mefdev-manage-page [startTabInd]="0">
     Content goes here...
</mefdev-manage-page>

Properties

card_title
Type : TemplateRef<void>
Decorators :
@ContentChild('card_title')

The template reference to the card title.

<mefdev-manage-page>
  <ng-template #card_title>
    Title of the card
  </ng-template>
</mefdev-manage-page>
tabs_block
Type : TemplateRef<void>
Decorators :
@ContentChild('tabs_block')

The template reference to the tabs block.

<mefdev-manage-page>
  <ng-template #tabs_block>
    Content of the tabs block
  </ng-template>
</mefdev-manage-page>

results matching ""

    No results matching ""