KendoReact

反应BottomNavigation

  • 轻松添加一个可定制的导航元素,其中每个选项都由图标和可选文本表示。
  • KendoReact库的一部分,连同100+专业UI组件与React为React建立,从地面上。
  • 快速开始与我们屡获殊荣的支持,详细的文档,交互式演示和教练领导的培训。
  • 概述

    React Bottom Navigation组件是响应式web和移动应用的完美导航UI元素。React组件中的每个导航项都具有定义图标和文本组合的功能,以最好地说明它的方向。KendoReact底部导航组件很容易与任何路由库集成,使视图之间的导航成为一个简单的任务。此外,底部导航组件是响应的,并将自动调整视口的大小。

    参见React Bottom Navigation演示

    React底部导航组件
  • 内容类型

    通过一些简单的配置选项,KendoReact底部导航组件的项目可以设置为显示图标、文本或两者的混合。该组件还允许React开发人员定义文本应该显示在图标下方还是旁边。

    参见React底部导航内容类型演示

    反应底部导航组件内容类型
  • 定位

    定位HTML元素可能比较麻烦,但是可以通过单个配置选项轻松定位React Bottom Navigation组件。开发人员可以选择KendoReact底部导航应该是固定的,始终保持在视口的底部,还是粘性的,只有在某个位置滚动过去后才保持在视口的底部。

    参见React底部导航定位演示

    反应底部导航组件定位
  • 外观

    配置KendoReact底部导航组件的外观是一件轻而易举的事。像用纯色填充每一项或只呈现一个大纲这样的选项,以及与成功、警告、错误、主要和更常见的场景相关的外观选项,让React开发人员使React Bottom Navigation组件适合任何设计需求。

    参见React底部导航外观演示

    React底部导航组件外观
  • 路由

    React Bottom Navigation组件被用作React应用程序的主导航,这意味着它通常负责从一个视图导航到下一个视图。为了使这尽可能容易,KendoReact底部导航组件可以与任何路由库集成。

    参见React底部导航路由演示

  • 自定义渲染

    当开箱即用的外观选项还不够时,React Bottom Navigation支持为每个项目传递自定义渲染器的能力。这为完全控制React组件的外观和感觉提供了可能。

    参见React底部导航自定义渲染演示

    反应底部导航组件自定义渲染

所有KendoReact组件

弹出

进度条

涟漪

调度器

滚动视图

可分类的

的周期

工具提示

TreeList

树状视图

上传

波bg

下一个步骤

访问我们的演示

看看KendoReact的实际操作,看看它可以做多少开箱即用的工作。

看到价格

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

开始免费试用

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

Baidu
map