Variable SwitchConst

Type Declaration

• • (props: ExtendedSwitchProps): Element

  • Create a customized Material UI Switch component. This is a simple wrapper around MaterialSwitch that maintains full compatibility with Material-UI's Switch props while providing a form control label.

    Parameters

    • props: ExtendedSwitchProps

      All valid Material-UI Switch props

    Returns Element

    The Switch component wrapped in FormControlLabel

    Component

    Example

    // Basic usage
    <Switch
      title="Toggle Switch"
      checked={isChecked}
      onChange={handleChange}
    />
    
    // Disabled state
    <Switch
      title="Disabled Switch"
      disabled
      checked={false}
    />
    
    // With size variant
    <Switch
      title="Small Switch"
      size="small"
      checked={isChecked}
    />
    Copy

    See

    https://mui.com/material-ui/react-switch/