◼︎ 本集內容:客製化 Slider 與列表的互動練習
透過 Svelte 來實作一個客製化的 Slider,並且盡可能地涵蓋多一點細節。
第 12 屆 IT 鐵⼈賽30 天從 0 到 1 學 SvelteDay14 - UI 實戰篇:客製化 Slider 搭配列表互動
View Slide
第 12 屆 IT 鐵⼈賽使⽤情景 - 有條件地搜尋列表
第 12 屆 IT 鐵⼈賽Slider 實作功能能⽤ input=range 就不要⾃⼰做選取範圍、可以透過滑鼠拉動可以點擊長條部分調整數字
第 12 屆 IT 鐵⼈賽列表實作功能可以順利顯⽰列表在篩選條件有變化時,做 Transition 效果
第 12 屆 IT 鐵⼈賽更多功能可以透過鍵盤操作數字(左、右)加入 FLIPAccessibility ⽀援aria-valuemind, aria-valuemax, aria-valuenowrole="slider", aria-orientation="horizontal"