Variable StyledSwitchMode`Const`

StyledSwitchMode: StyledComponent<
    SwitchProps & MUIStyledCommonProps<Theme>,
    {},
    {},
> = ...

Styled theme mode switch component

Component

StyledSwitchMode

Description

A customized switch component for toggling between light and dark themes with:

Dynamic SVG icons representing sun (light) and moon (dark)
Theme-aware colors that adapt to current mode
Smooth transition animations
Responsive sizing

Param: props

React props

Param: props.theme

Material-UI theme object

Example

<StyledSwitchMode
  checked={darkMode}
  onChange={toggleTheme}
  inputProps={{ 'aria-label': 'toggle dark mode' }}
/>