mirror of
https://github.com/roleypoly/roleypoly.git
synced 2025-06-17 01:59:08 +00:00
chore: update prettier tab width for consistency
This commit is contained in:
parent
a931f8c69c
commit
9b71a24e2d
247 changed files with 7224 additions and 7375 deletions
|
@ -2,26 +2,26 @@ import * as React from 'react';
|
|||
import { Tab, TabView } from './TabView';
|
||||
|
||||
export default {
|
||||
title: 'Atoms/Tab View',
|
||||
argTypes: {
|
||||
tabCount: { control: 'range', min: 1, max: 100 },
|
||||
},
|
||||
args: {
|
||||
tabCount: 10,
|
||||
},
|
||||
title: 'Atoms/Tab View',
|
||||
argTypes: {
|
||||
tabCount: { control: 'range', min: 1, max: 100 },
|
||||
},
|
||||
args: {
|
||||
tabCount: 10,
|
||||
},
|
||||
};
|
||||
|
||||
export const ManyTabs = ({ tabCount }) => {
|
||||
const tabs = [...'0'.repeat(tabCount)].map((_, i) => (
|
||||
<Tab title={`tab ${i}`}>
|
||||
{() => (
|
||||
<>
|
||||
<h1>tab {i}</h1>
|
||||
<p>hello!!!!!</p>
|
||||
</>
|
||||
)}
|
||||
</Tab>
|
||||
));
|
||||
const tabs = [...'0'.repeat(tabCount)].map((_, i) => (
|
||||
<Tab title={`tab ${i}`}>
|
||||
{() => (
|
||||
<>
|
||||
<h1>tab {i}</h1>
|
||||
<p>hello!!!!!</p>
|
||||
</>
|
||||
)}
|
||||
</Tab>
|
||||
));
|
||||
|
||||
return <TabView>{tabs}</TabView>;
|
||||
return <TabView>{tabs}</TabView>;
|
||||
};
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue