- Replace
<your_account>
with your Github username in the DEMO LINK - Follow the React task guideline
- Implement
Tabs
component displaying tabs from a given array of objectslet tabs = [ { title: 'Tab 1', content: 'Some text 1' }, { title: 'Tab 2', content: 'Some text 2' }, { title: 'Tab 3', content: 'Some text 3' }, ];
<Tabs tabs={tabs} />
- Implement
onTabSelected
callback triggered on tab change with tab data as an argument - Add
index
prop (default0
) to set an index of tab active at the beginning - (*) Add an ability to use Tabs like this:
<Tabs> <Tab title="Tab 2"> It could be a text </Tab> <Tab title="Tab 3"> <div>1</div> <div>2</div> </Tab> <Tab title="Tab 1"> Or even any JSX </Tab> </Tabs>
To implement the last point you'll need this theory