Progress Telerik UI for Blazor

Blazor滑块

  • Blazor滑块组件允许您通过沿着轨道拖动手柄或单击按钮或轨道本身来增加、减少和选择预定义的值。
  • 该组件是最大的真正的原生Blazor组件套件的一部分- Telerik UI为Blazor设计,完全适合任何应用程序的需求。
  • Blazor UI套件还提供了专业设计的主题,支持开关的翻转,文档处理库,丰富的文档和演示,以帮助您立即开始。
Telerik UI的Blazor套件
Nasa, Visa,微软 福克斯,三星,IBM 世界银行集团,沃尔沃
  • 概述

    Blazor Slider组件的Telerik UI是一个用于选择数值的漂亮输入控件。您可以将值配置为按步递增或匹配某一组条件,例如能被某个数字整除或大于某个数字。有了许多自定义选项,您可以确保组件可以匹配任何场景,而无需做太多工作。

    查看Blazor滑块演示
    Telerik UI Blazor滑块-概述
  • 定制

    由于自定义是我们整个UI套件的基本功能,Telerik UI的Blazor滑块控件有许多元素,可以灵活地修改,以适应您的风格,包括:

    • 控制步长、最小值和最大值

    • 开启或关闭两端的值递增和递减按钮

    • 定义两个标记之间的距离

    • 选择水平或垂直方向

    • 一种控制值如何舍入的设置

    Telerik UI Blazor滑块-定制
  • 标签模板

    如果需要为应用程序更改控件中的所有标签,则可以重新执行它们。只需将新的HTML传递到模板槽中,就可以开始了。

    Telerik UI的Blazor滑块标签模板
    Telerik UI Blazor滑块-标签模板
  • 事件

    单个事件ValueChanged会像您期望的那样被触发——当Slider值更改为一个新数字时,无论它比前一个数字低还是高。
    Telerik UI Blazor事件
  • 主题

    Slider组件有20多个内置主题,比如Default(我们自己的样式),Material(基于材质设计指南)和Bootstrap(看起来像Bootstrap样式以便更好地集成)。属性可以轻松地自定义任何开箱即用的主题,或者使用属性创建新的主题来匹配颜色和品牌Telerik SASS ThemeBuilder应用程序。
    Telerik UI Blazor滑块
  • 键盘导航

    Blazor滑块组件的几个标准键绑定是开箱即用的:

    • 箭头将值移动到相应的方向

    • PageUp/PageDown使用更大的步长移动值

    • Home/End立即用默认值最大化/最小化给定值

    Telerik UI Bazor键盘导航
  • Blazor滑块全球化

    Blazor Slider组件的Telerik UI将根据用户的语言环境自动以正确的格式显示数字。

    全球化场景
    Telerik UI的开拓者全球化和本地化

所有Blazor组件

下一个步骤

发射演示

看看Telerik UI的Blazor在行动,并检查它可以做多少开箱即用。

下载免费试用

尝试Telerik UI Blazor与专门的技术支持。

Baidu
map