View Code? Open in Web Editor
NEW
This project forked from mate-academy/react_tabs
JavaScript 73.29%
HTML 26.60%
CSS 0.11%
react_tabs's Introduction
- Implement
Tabs
component displaying tabs from a given array of objects
let tabs = [
{ title: 'Tab 1', content: 'Some text 1' },
{ title: 'Tab 2', content: 'Some text 2' },
{ title: 'Tab 3', content: 'Some text 3' },
];
- Implement
onTabSelected
callback triggered on tab change with tab data as an argument
- Add
index
prop (default 0
) to set an index of tab active at the beginning
- (*) Add an ability to use Tabs like this: (Children video will help)
<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>
react_tabs's People
Contributors
Watchers