KendoReact

反应RangeSlider

  • 一个方便和可访问的可视化界面,选择数字范围,可以取代数字输入。
  • KendoReact库的一部分,以及100多个用React for React从头开始构建的专业UI组件。
  • 快速开始与我们屡获殊荣的支持,详细的文档,互动演示和指导培训。
  • 概述

    React RangeSlider允许终端用户通过沿着轨道拖动左右句柄来增加、减少和选择预定义的值范围。React UI组件是任何需要用户选择值范围的用户体验的完美伴侣。

    参见React RangeSlider概述演示

    React RangeSlider -概述,KendoReact UI库
  • 禁用RangeSlider

    默认情况下,KendoReact当RangeSlider被放置在页面上时,它可以与之交互。对于要求用户在满足某些要求之前无法与组件交互的场景,可以通过设置单个配置选项禁用React RangeSlider。

    参见React RangeSlider禁用演示

    React RangeSlider -禁用RangeSlider, KendoReact UI库
  • 标签

    为了帮助指示KendoReact RangeSlider上的每个tick代表什么,React开发人员可以完全访问设置每个tick的标签,以帮助用户选择值。

    参见React RangeSlider标签演示

    React RangeSlider -标签,KendoReact UI库
  • 受控和非受控模式

    React组件通常工作在受控模式下(组件自身维护其状态)或非受控模式下(开发人员负责处理状态)。KendoReact RangeSlider支持受控和不受控模式。

    参见React RangeSlider受控和不受控模式演示

  • 取向

    React RangeSlider组件有一个单独的配置选项来帮助设置方向为垂直或水平方向。

    参见React RangeSlider Orientation演示

    React RangeSlider -朝向,KendoReact UI库
  • 键盘导航

    凭借其内置的键盘导航,KendoReact RangeSlider可以很容易地与使用键盘进行交互,允许用户使用键盘作为输入选择一个范围的值。

    参见React RangeSlider键盘导航演示

  • 可访问性

    可访问性是KendoReact UI库的首要任务,RangeSlider当然是这一努力的一部分!考虑到这一点,React RangeSlider符合WAI-ARIA和Section 508标准,以及WCAG 2.0的AA评级。

    参见React RangeSlider易用性演示

    React辅助- KendoReact

所有KendoReact组件

弹出

进度条

涟漪

调度器

滚动视图

可分类的

的周期

工具提示

TreeList

树状视图

上传

波bg

下一个步骤

访问我们的演示

看看KendoReact的实际操作,看看它能开箱即用多少功能。

看到价格

购买KendoReact的个人许可证,或对待自己的Kendo UI,我们完整的JavaScript包。

开始免费试用

试试有专门技术支持的KendoReact吧。

Baidu
map