Skip to content

Commit 1375b85

Browse files
committed
chore: update width of the s2 tabs story
1 parent c1a9b03 commit 1375b85

File tree

1 file changed

+3
-8
lines changed

1 file changed

+3
-8
lines changed

packages/@react-spectrum/s2/stories/Tabs.stories.tsx

Lines changed: 3 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -154,12 +154,7 @@ function AddRemoveTabsExample(props) {
154154
{id: 1, title: 'Tab 1', content: 'Tab body 1'},
155155
{id: 2, title: 'Tab 2', content: 'Tab body 2'},
156156
{id: 3, title: 'Tab 3', content: 'Tab body 3'},
157-
{id: 4, title: 'Tab 4', content: 'Tab body 4'},
158-
{id: 5, title: 'Tab 5', content: 'Tab body 5'},
159-
{id: 6, title: 'Tab 6', content: 'Tab body 6'},
160-
{id: 7, title: 'Tab 7', content: 'Tab body 7'},
161-
{id: 8, title: 'Tab 8', content: 'Tab body 8'},
162-
{id: 9, title: 'Tab 9', content: 'Tab body 9'}
157+
{id: 4, title: 'Tab 4', content: 'Tab body 4'}
163158
]);
164159

165160
let addTab = () => {
@@ -180,9 +175,9 @@ function AddRemoveTabsExample(props) {
180175
};
181176

182177
return (
183-
<div className={style({width: 600})}>
178+
<div className={style({width: 350})}>
184179
<Tabs {...props} aria-label="Tabs">
185-
<div className={style({display: 'flex', alginSelf: 'stretch'})}>
180+
<div className={style({display: 'flex'})}>
186181
<TabList items={tabs} styles={style({flexShrink: 1, flexGrow: 1, flexBasis: 'auto'})}>
187182
{tab => <Tab id={tab.id}>{tab.title}</Tab>}
188183
</TabList>

0 commit comments

Comments
 (0)