feat(design-system): redesign tab-view around quick nav (#194)

* feat(design-system): redesign tab-view around quick nav

* fix tests
This commit is contained in:
41666 2021-03-23 00:00:34 -04:00 committed by GitHub
parent a5f819bc3e
commit 57d83699d5
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
11 changed files with 272 additions and 80 deletions

View file

@ -1,8 +1,10 @@
import * as React from 'react';
import { BreakpointsProvider } from '../breakpoints';
import { Tab, TabView } from './TabView';
export default {
title: 'Atoms/Tab View',
decorators: [(story) => <BreakpointsProvider>{story()}</BreakpointsProvider>],
argTypes: {
tabCount: { control: 'range', min: 1, max: 100 },
},
@ -16,7 +18,7 @@ export const ManyTabs = ({ tabCount }) => {
<Tab title={`tab ${i}`}>
{() => (
<>
<h1>tab {i}</h1>
<p>tab {i}</p>
<p>hello!!!!!</p>
</>
)}