Created
November 1, 2017 21:46
-
-
Save Temzasse/21b1be893739865df2e8dbd693890373 to your computer and use it in GitHub Desktop.
An example React.js component for using Tabs component.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
import React from 'react'; | |
import Tabs from './Tabs'; | |
const TabsExample = () => ( | |
<Tabs> | |
<Tabs.Panel label='Tab label 1'> | |
<h4>Tab content 1</h4> | |
<p> | |
Disrupt minimum viable product pivot waterfall is so 2000 and | |
late viral long shadow cortado SpaceTeam unicorn venture | |
capital pivot intuitive innovate. Disrupt sticky note user | |
centered design Steve Jobs ideate user story responsive. | |
</p> | |
</Tabs.Panel> | |
<Tabs.Panel label='Tab label 2'> | |
<h4>Tab content 2</h4> | |
<p> | |
Pair programming workflow co-working workflow piverate paradigm | |
hacker SpaceTeam. Quantitative vs. qualitative iterate | |
human-centered design bootstrapping user centered design | |
ideate driven physical computing quantitative vs. qualitative. | |
</p> | |
</Tabs.Panel> | |
<Tabs.Panel label='Tab label 3'> | |
<h4>Tab content 3</h4> | |
<p> | |
Pitch deck quantitative vs. qualitative long shadow driven fund | |
fund quantitative vs. qualitative. Pitch deck intuitive agile | |
bootstrapping hacker SpaceTeam piverate personas user centered | |
design affordances viral driven. Ship it sticky note | |
bootstrapping earned media thought leader responsive waterfall | |
is so 2000 and late human-centered design. | |
</p> | |
</Tabs.Panel> | |
</Tabs> | |
); |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Can you please show the same on codesandbox it will be great if you do please