Using DropDownButton (iconOnly) along with ejs-tab component

Question

I want to add a menu to syncfusion tabs component to perform additional actions on tabs such as add, duplicate or delete the tabs.Thanks

Nevitha Ravi · Accepted Answer

Hi Vaishali, 

Greetings from Syncfusion Support. 

Currently it is not feasible to add the external dropdown button to control add/remove tab items inside the tab component. However we have internal Close button available after each tab header by setting showCloseButton as true. The tabs can be added dynamically using addTab method. In the below sample we have external button to add the tab items dynamically. 
https://stackblitz.com/edit/angular-add-remove-tab?file=app.component.html  

    <ejs-tab 
      #tab 
      id="tab_default" 
      heightAdjustMode="Auto" 
      [showCloseButton]="true" 
    > 

  btnClick() { 
    let item: Object = { 
      header: { text: "New Tab" }, 
      content: "New tab content" 
    }; 
    this.tab.addTab([item], 0); 
  } 

Kindly try the sample and let us know if this come close to your requirement/ 

Regards, 
Nevitha