Skip to content

Instantly share code, notes, and snippets.

@Temzasse
Created November 1, 2017 21:46
Show Gist options
  • Save Temzasse/21b1be893739865df2e8dbd693890373 to your computer and use it in GitHub Desktop.
Save Temzasse/21b1be893739865df2e8dbd693890373 to your computer and use it in GitHub Desktop.
An example React.js component for using Tabs component.
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>
);
@aakhan89
Copy link

Can you please show the same on codesandbox it will be great if you do please

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment