25 lines
610 B
JavaScript
25 lines
610 B
JavaScript
|
import * as React from 'react';
|
||
|
|
import Stepper from '@mui/material/Stepper';
|
||
|
|
import Step from '@mui/material/Step';
|
||
|
|
import StepLabel from '@mui/material/StepLabel';
|
||
|
|
|
||
|
|
function TestIcon() {
|
||
|
|
return <div style={{ border: '1px solid red' }}>should not shrink</div>;
|
||
|
|
}
|
||
|
|
|
||
|
|
const steps = ['Step 1', 'Step 2'];
|
||
|
|
|
||
|
|
export default function NoShrinkIcon() {
|
||
|
|
return (
|
||
|
|
<Stepper sx={{ width: 200 }}>
|
||
|
|
{steps.map((label) => (
|
||
|
|
<Step key={label}>
|
||
|
|
<StepLabel StepIconComponent={TestIcon} sx={{ width: '1px' }}>
|
||
|
|
{label}
|
||
|
|
</StepLabel>
|
||
|
|
</Step>
|
||
|
|
))}
|
||
|
|
</Stepper>
|
||
|
|
);
|
||
|
|
}
|