material-you-react/src/primitive-components/input-components/slider/slider.tsx

import React, { forwardRef, HTMLAttributes } from 'react';
import { InputLayout } from '../input-layout/input-layout';

export const Slider = forwardRef<
    HTMLInputElement,
    HTMLAttributes<HTMLInputElement>
>((props, ref) => {
    return (
        <div className={'m3 m3-slider-container'}>
            <InputLayout
                className={props.className}
                ref={ref}
                type={'range'}
                typeInput={'slider'}
            />
        </div>
    );
});