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
477 B
JavaScript
25 lines
477 B
JavaScript
import { NoSsr } from '@mui/base/NoSsr';
|
|
import Slider from '@mui/material/Slider';
|
|
|
|
const data = {
|
|
name: 'Frozen yoghurt',
|
|
calories: 159,
|
|
fat: 6.0,
|
|
carbs: 24,
|
|
protein: 4.0,
|
|
};
|
|
|
|
const rows = Array.from(new Array(500)).map(() => data);
|
|
|
|
export default function SliderEmotion() {
|
|
return (
|
|
<NoSsr defer>
|
|
<div style={{ width: 300 }}>
|
|
{rows.map((row, index) => (
|
|
<Slider value={20} key={index} />
|
|
))}
|
|
</div>
|
|
</NoSsr>
|
|
);
|
|
}
|