feat: add readonly for sliders (#8)

Author: dvalleri

src/lib/components/slider/_styles.less

@@ -2,6 +2,10 @@
 	flex-grow: 1;
 	margin-top: .3rem;
 
+	&.readonly {
+		pointer-events: none;
+		opacity: .8;
+	}
 
 	&:hover {
 		.ant-slider-track {

src/lib/components/slider/index.tsx

@@ -2,10 +2,15 @@ import AntdSlider, { SliderBaseProps } from 'antd/lib/slider';
 
 type Props = SliderBaseProps & {
   modifier?: string;
+  readOnly?: boolean;
 };
 
-function Slider({ modifier, ...props }: Props) {
-  return <AntdSlider className={`c-slider ${modifier}`} {...props} />;
+function Slider({
+  modifier,
+  readOnly = false,
+  ...props
+}: Props) {
+  return <AntdSlider className={`c-slider ${modifier} ${readOnly && 'readonly'}`} {...props} />;
 }
 
 export default Slider;