概述

Kendo UI 底部导航栏允许在应用程序中的主要目的地之间移动，该组件的主要目的是提供一个导航元素，其选项由图标和文本表示。

初始化底部导航

要初始化 BottomNavigation，请使用该<nav>标签。

以下示例演示如何从现有元素初始化 BottomNavigation <nav>：

<nav id="bottomnavigation"></nav>

<script>
$("#bottomnavigation").kendoBottomNavigation({
items: [
{ text: "Home", icon: "home" },
{ text: "Info", icon: "info-circle" },
{ text: "Contact", icon: "envelope" }
]
});
</script>

功能和特点

• 项目- 配置允许您设置各种属性，例如图标和文本。
• 外观- 配置允许您修改组件的外观。
• 模板- 配置允许您自定义项目的呈现方式。
• 可访问性- BottomNavigation 支持各种可访问性标准。