Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Tab component suggestion

See original GitHub issue

It seems the current tab component is a little complex, is it possible to do something like this?

<Tabs>
    <Tab active title="tab1">Tab content 1</Tab>
    <Tab title="tab2">Tab content 2</Tab>
<Tabs>

Issue Analytics

State:
Created 6 years ago
Comments:5 (2 by maintainers)

Top GitHub Comments

4reactions

burgaloncommented, Aug 12, 2018

UncontrolledTabs would be nice

4reactions

TheSharpieOnecommented, Oct 26, 2017

I do agree that the current way tabs and tab content/panels are done is a little complex, but bootstrap itself has similar markup as reactstrap. I think the complexity comes from the state management. Bootstrap manages the state for you, where reactstrap does not. Many of reactstrap’s core components are like this, but there are some “uncontrolled” components which handle the most common usecase. Perhaps an UncontrolledTabs component can be created. The only difficulty is that tabs and tab content/panes are really two different things; disjoint components. A wrapper would be needed (for react <16) and would force the two components to be siblings.