Variable Slider`Const`

Slider: (props: SliderProps) => Element = SliderUI

Type Declaration

- (props: SliderProps): Element
- Custom Material-UI Slider component with advanced label and mark management.
  
  Wraps Material-UI's Slider with intelligent mark limiting (max 30 visible marks) and overlap detection for labels. Handles both single and range values, controlled and uncontrolled modes. Includes keyboard focus workaround for arrow key interactions.
  Parameters
  - props: SliderProps
    Slider configuration (see SliderProps)
  Returns Element
  Slider component with optimized mark/label rendering
  Example
```
// Basic range slider
<Slider min={0} max={100} value={[30, 70]} onChange={handleChange} />

// With marks and labels
<Slider
  min={0}
  max={100}
  marks={[{ value: 0, label: '0' }, { value: 100, label: '100' }]}
  valueLabelDisplay="on"
/>
```
  See
  https://mui.com/material-ui/react-slider/