@@ -154,12 +154,7 @@ function AddRemoveTabsExample(props) {
154
154
{ id : 1 , title : 'Tab 1' , content : 'Tab body 1' } ,
155
155
{ id : 2 , title : 'Tab 2' , content : 'Tab body 2' } ,
156
156
{ 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' }
163
158
] ) ;
164
159
165
160
let addTab = ( ) => {
@@ -180,9 +175,9 @@ function AddRemoveTabsExample(props) {
180
175
} ;
181
176
182
177
return (
183
- < div className = { style ( { width : 600 } ) } >
178
+ < div className = { style ( { width : 350 } ) } >
184
179
< Tabs { ...props } aria-label = "Tabs" >
185
- < div className = { style ( { display : 'flex' , alginSelf : 'stretch' } ) } >
180
+ < div className = { style ( { display : 'flex' } ) } >
186
181
< TabList items = { tabs } styles = { style ( { flexShrink : 1 , flexGrow : 1 , flexBasis : 'auto' } ) } >
187
182
{ tab => < Tab id = { tab . id } > { tab . title } </ Tab > }
188
183
</ TabList >
0 commit comments