35 lines
910 B
TypeScript
35 lines
910 B
TypeScript
|
import LinearProgress from '@mui/joy/LinearProgress';
|
||
|
|
import Box from '@mui/joy/Box';
|
||
|
|
import JoyVariablesDemo from 'docs/src/modules/components/JoyVariablesDemo';
|
||
|
|
|
||
|
|
export default function LinearProgressVariables() {
|
||
|
|
return (
|
||
|
|
<JoyVariablesDemo
|
||
|
|
componentName="LinearProgress"
|
||
|
|
data={[
|
||
|
|
{
|
||
|
|
var: '--LinearProgress-thickness',
|
||
|
|
defaultValue: '6px',
|
||
|
|
},
|
||
|
|
{
|
||
|
|
var: '--LinearProgress-radius',
|
||
|
|
helperText: "Default to root's thickness",
|
||
|
|
},
|
||
|
|
{
|
||
|
|
var: '--LinearProgress-progressThickness',
|
||
|
|
helperText: "Default to root's thickness",
|
||
|
|
},
|
||
|
|
{
|
||
|
|
var: '--LinearProgress-progressRadius',
|
||
|
|
helperText: "Default to root's thickness",
|
||
|
|
},
|
||
|
|
]}
|
||
|
|
renderDemo={(sx) => (
|
||
|
|
<Box sx={{ width: 300 }}>
|
||
|
|
<LinearProgress sx={sx} />
|
||
|
|
</Box>
|
||
|
|
)}
|
||
|
|
/>
|
||
|
|
);
|
||
|
|
}
|