16 lines
465 B
Plaintext
16 lines
465 B
Plaintext
|
<Stack spacing={1} sx={{ fontSize: 'sm' }}>
|
||
|
|
<Sheet variant="soft" sx={{ height: 40, borderRadius: 'xs' }} />
|
||
|
|
<Divider sx={{ '--Divider-childPosition': `${position}%` }}>
|
||
|
|
Visual indicator
|
||
|
|
</Divider>
|
||
|
|
<Sheet variant="soft" sx={{ height: 40, borderRadius: 'xs' }} />
|
||
|
|
</Stack>
|
||
|
|
<Slider
|
||
|
|
value={position}
|
||
|
|
min={0}
|
||
|
|
max={100}
|
||
|
|
step={1}
|
||
|
|
valueLabelDisplay="on"
|
||
|
|
valueLabelFormat={(value) => `${value}%`}
|
||
|
|
onChange={(event, value) => setPosition(value)}
|
||
|
|
/>
|