Need defaultTab functionality

[Anand Mani]

How can i render second tab as default when component render?

[Satheesh Kumar Balasubramanian]

Hi Anand, 

  

You can use selectedItem property to render second tab as default when component render. 

  

Sample: https://stackblitz.com/edit/react-tab-selecteditem?file=index.js 

  

index.js:   

          <TabComponent 

            selectedItem={1} 

            heightAdjustMode="Auto" 

            id="defaultTab" 

          > 

            <TabItemsDirective> 

              <TabItemDirective header={headertext[0]} content={tabContent1} /> 

  

              <TabItemDirective header={headertext[1]} content={tabContent2} /> 

  

              <TabItemDirective header={headertext[2]} content={tabContent3} /> 

            </TabItemsDirective> 

          </TabComponent> 

  

Kindly try the above sample and let us know if this meets your requirement. 

  

Regards, 

Satheesh Kumar B