Infragistics Ignite UI for Web Components UI Navigation Controls

InfragisticsUI 导航控件JavaScript

适用于响应式用户界面的可定制 Web 导航控件。

  • 包括 Navigation Drawer、Navbar 和 Tabs 组件。
  • 支持灵活布局和交互式导航功能。
  • 通过 CSS 部件提供丰富的样式选项。
Infragistics logo

起价:

加载中...
包含在以下产品
Infragistics Ignite UI加载中
Infragistics Professional加载中
Infragistics Ultimate加载中
需要帮助选择吗？ 查看 如何购买 和 规格
Infragistics Ignite UI for Web Components UI Navigation Controls 产品图片
Infragistics Ignite UI for Web Components UI Navigation Controls 提供了一组开发者组件，旨在为 Web 应用程序创建响应式和交互式的导航体验。其中包括可折叠的 Navigation Drawer、用于展示上下文信息和快速操作的顶部 Navbar，以及用于组织内容的 Tabs。每个组件都具有高度可定制性，并可与现代 Web 开发无缝集成。

Navigation Drawer

一个提供侧边导航的组件，可展开、折叠，或以仅图标的迷你变体形式显示。它支持完全可定制的内容，并内置用于菜单项的样式选项以及用于显示或隐藏抽屉的交互方法。

Navbar

一个置于顶部的导航栏，可显示用户当前的应用位置，并提供搜索或收藏等快捷操作链接。它支持通过专用插槽添加图标和文本，并允许进行全面的样式自定义。

Tabs Component

使用水平标签页组织和切换内容区域。功能包括可配置的标签对齐方式、激活模式、键盘导航、用于处理溢出的滚动按钮，以及带有前缀和后缀插槽的可定制标签页标题。

Flexible Content and Layout

所有导航组件都支持基于插槽的内容插入，使开发者能够集成图标、文本和可点击操作。Navigation Drawer 可与 Navbar 搭配使用，以创建集成式导航模式。

Styling and Theming

每个组件都为基础元素暴露 CSS 部件，使开发者能够完全控制颜色、背景、字体以及悬停或激活状态，以匹配应用程序主题。

Interactive Behavior

Navigation Drawer 支持通过程序化方式显示和隐藏的方法、位置更改以及事件处理程序。Tabs 会发出更改事件以进行选择管理，并支持手动或自动激活模式。

Keyboard Accessibility

Tabs 支持方向键、Home、End、Enter 和 Space 进行选择和导航，从而增强应用程序中的可用性和可访问性。

Integration and Extensibility

这些组件以模块化 Web Components 的形式导入，支持标准框架和纯 HTML 设置。丰富的 API 和事件处理程序可实现与各种 Web 应用架构的无缝集成。

产品兼容性

请查看以下详细信息，以确保此产品在您的环境中受支持。

组件类型

  • JavaScript

JavaScript 平台

  • Vanilla JavaScript
  • Web 组件