## Slider ### Semantic Parts - root（`semantic-mark-root`）: Root element with relative positioning, height, margin, padding, cursor style and touch action control - track（`semantic-mark-track`）: Track selection bar element with absolute positioning, background color, border radius and transition animation styles - tracks（`semantic-mark-tracks`）: Multi-segment track container element with absolute positioning and transition animation styles - rail（`semantic-mark-rail`）: Background rail element with absolute positioning, background color, border radius and transition animation styles - handle（`semantic-mark-handle`）: Slider handle control element with absolute positioning, size, outline, user selection, background color, border shadow, border radius, cursor style and transition animation ### Usage Example ```tsx ``` ### Abstract DOM Structure ```html
  • root
    5.23.0
    根元素，设置相对定位、高度、边距、内边距、光标样式和触摸事件控制
  • track
    5.10.0
    轨道选取条元素，设置绝对定位、背景色、圆角和过渡动画样式
  • tracks
    5.10.0
    多段轨道容器元素，设置绝对定位和过渡动画样式
  • rail
    5.10.0
    背景轨道元素，设置绝对定位、背景色、圆角和过渡动画样式
  • handle
    5.10.0
    滑块控制点元素，设置绝对定位、尺寸、轮廓线、用户选择、背景色、边框阴影、圆角、光标样式和过渡动画
```