---
# System prepended metadata

title: Day 21 - 使用 Slider 調動行距

---

# Day 21 - 使用 Slider 調動行距 

## click Small, slider is 20 (min)
![](https://hackmd.io/_uploads/HJOT1atlT.png)

## click Large, slider is 50 (MAX)
![](https://hackmd.io/_uploads/HJRAJ6Yg6.png)

## slider: slide to 35
![](https://hackmd.io/_uploads/rJ5ggTYg6.png)

## `show number` when clicking & sliding the slider
- padding value *adjust*

    ![](https://hackmd.io/_uploads/Bkhzl6tga.png)

## Try it out 
https://goish135.github.io/table-tennis-king/

## push & deploy 
- [deploy#19](https://github.com/goish135/table-tennis-king/deployments/github-pages)
- [commit-add slider to control table td](https://github.com/goish135/table-tennis-king/commit/fa8eb209e6a279b53bc1ac3ecd5e1745f7803c45)
## Repo
https://github.com/goish135/table-tennis-king

