bmhaskar / dynamic-reactstrap-tabs

Example of dynamic reactstrap tabs. Created with CodeSandbox [https://codesandbox.io/s/github/bmhaskar/dynamic-reactstrap-tabs]

dynamic-reactstrap-tabs

This is an use case of displaying reactstrap tabs with capability of adding new tab from existing tab content with a simple function

For example you have a list of items displayed in tab and you click on one item. Now without losing the context of list you want to view details of item. The code illustrates how you could open a tab with item details. This can be repeated without writing any code to close, open or select a tab.

Features

• Includes reusable MultiTabs component. Provides simpler API to create tab based screens. There are simple functions like -

  • addTab to add a new tab. Example
  • close to close any tab. Example

  Also there are following options

  • openTabImmediately to open newly added tab immediately. Example
  • defaultActiveTab to set the default tab.

• You don't need to make any changes to the tab content components. You could get access to the API via consumer.Example

• Automatically open newly added tab

• Ability to select which active tab

Upcoming items

• Lazy loading of tab content
• Option to eager load tab content