Some checks failed
No response / noResponse (push) Has been cancelled
CI / Continuous releases (push) Has been cancelled
CI / test-dev (macos-latest) (push) Has been cancelled
CI / test-dev (ubuntu-latest) (push) Has been cancelled
CI / test-dev (windows-latest) (push) Has been cancelled
Maintenance / main (push) Has been cancelled
Scorecards supply-chain security / Scorecards analysis (push) Has been cancelled
CodeQL / Analyze (push) Has been cancelled
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>
|
|
);
|
|
}
|