React RangeSlider允许终端用户通过沿着轨道拖动左右句柄来增加、减少和选择预定义的值范围。React UI组件是任何需要用户选择值范围的用户体验的完美伴侣。
默认情况下,KendoReact当RangeSlider被放置在页面上时,它可以与之交互。对于要求用户在满足某些要求之前无法与组件交互的场景,可以通过设置单个配置选项禁用React RangeSlider。
为了帮助指示KendoReact RangeSlider上的每个tick代表什么,React开发人员可以完全访问设置每个tick的标签,以帮助用户选择值。
React组件通常工作在受控模式下(组件自身维护其状态)或非受控模式下(开发人员负责处理状态)。KendoReact RangeSlider支持受控和不受控模式。
React RangeSlider组件有一个单独的配置选项来帮助设置方向为垂直或水平方向。
凭借其内置的键盘导航,KendoReact RangeSlider可以很容易地与使用键盘进行交互,允许用户使用键盘作为输入选择一个范围的值。
可访问性是KendoReact UI库的首要任务,RangeSlider当然是这一努力的一部分!考虑到这一点,React RangeSlider符合WAI-ARIA和Section 508标准,以及WCAG 2.0的AA评级。