MUI

3つのproject

すぐに使用できる基本Component

より複雑なユースケース向けの高度なComponent

有料もある

Templates

コミュニティによって開発された、MUI を使用したテンプレート

5つのpackage

styled engines

Components

Component API

code:ts

import * as React from 'react';

import Slider, { SliderProps } from '@mui/material/Slider';

import { alpha, styled } from '@mui/material/styles';

const SuccessSlider = styled(Slider)<SliderProps>(({ theme }) => ({

width: 300,

color: theme.palette.success.main,

'& .MuiSlider-thumb': {

'&:hover, &.Mui-focusVisible': {

},

'&.Mui-active': {

},

},

}));