src/lib/dynamic-form-element/dynamic-form-items/dynamic-form-tabs/dynamic-form-tabs.component.ts
DynamicFormTabsBase
| selector | bs-dynamic-form-tabs |
| templateUrl | ./dynamic-form-tabs.component.html |
constructor()
|
import { Component } from '@angular/core';
import { DynamicFormTabsBase } from '@dynamic-forms/core';
@Component({
selector: 'bs-dynamic-form-tabs',
templateUrl: './dynamic-form-tabs.component.html',
})
export class BsDynamicFormTabsComponent extends DynamicFormTabsBase {
constructor() {
super();
}
}
<div class="dynamic-form-items dynamic-form-tabs" [ngClass]="template.className">
<ul class="nav nav-tabs">
<li class="nav-item" *ngFor="let child of element.children; let index = index">
<button
type="button"
class="dynamic-form-item-header nav-link"
[class.active]="index === selectedIndex"
[class.disabled]="child.disabled"
(click)="selectItem(index)"
>{{ child.label }}</button
>
</li>
</ul>
<div class="tab-content">
<div class="dynamic-form-item tab-pane active" *ngIf="selectedItem">
<dynamic-form-elements [elements]="selectedItem.children"></dynamic-form-elements>
</div>
</div>
</div>