fix(slider): fix tick values alignment

fix #180
react95-io · Jul 25, 2020 · 8abdff8 · 8abdff8 · vercel · Jul 25, 2020
1 parent a9fa6e9
commit 8abdff8
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 3 deletions.
diff --git a/src/Slider/Slider.js b/src/Slider/Slider.js
@@ -221,7 +221,7 @@ const Mark = styled.div`
   position: absolute;
   bottom: 0;
   left: 0;
-
+  line-height: 1;
   font-size: 0.875rem;
 
   ${({ vertical }) =>

diff --git a/src/Slider/Slider.stories.js b/src/Slider/Slider.stories.js
@@ -90,9 +90,14 @@ export const Default = () => (
           size='300px'
           min={0}
           max={6}
-          step={1.5}
+          step={1}
           defaultValue={0}
-          marks
+          marks={[
+            { value: 0, label: '0°C' },
+            { value: 2, label: '2°C' },
+            { value: 4, label: '4°C' },
+            { value: 6, label: '6°C' }
+          ]}
           orientation='vertical'
         />
       </div>