Infragistics Ignite UI for React Icon

InfragisticsUI 设计资源JavaScript

在 React 应用程序中显示并自定义 SVG 和字体图标。

  • 支持预定义 SVG 图标和自定义字体图标。
  • 允许使用 CSS 变量动态调整大小和样式。
  • 包含通过镜像图标实现 RTL 支持的功能。
Infragistics logo

起价:

加载中...
包含在以下产品
Infragistics Ignite UI for React加载中
Infragistics Ignite UI加载中
Infragistics Professional加载中
Infragistics Ultimate加载中
需要帮助选择吗？ 查看 如何购买 和 规格
Infragistics Ignite UI for React Icon 产品图片
Infragistics Ignite UI for React Icon 使开发者能够轻松地在应用程序中集成并显示图标。它支持范围广泛的预定义 SVG 图标，并允许从 URL 或 SVG 字符串注册自定义图标。用户可以控制图标大小、样式和布局方向，从而实现多样化的 UI 设计。

图标注册

提供通过 URL 或 SVG 文本字符串单独注册图标的方法，并将其添加到命名集合中，以便在整个应用程序中重复使用。

支持预定义图标

包含一整套预定义的 SVG 图标，可直接在项目中使用，无需额外设置。

自定义图标支持

使开发者能够使用 SVG 或字体格式创建并注册专门针对其设计需求的自定义图标。

大小自定义

提供三种标准图标大小，包括小、中和大，可通过 CSS 变量进行调整，以无缝匹配设计。

样式灵活性

允许通过 CSS 变量以及在图标组件上直接设置样式来调整颜色、大小和其他视觉方面。

从右到左支持

具有 mirrored 属性，可将图标水平翻转，以适配从右到左（RTL）语言布局。

集成前提条件

在项目中使用前，需要安装 Ignite UI for React npm 包、进行适当导入并注册模块。

组件接口

提供 React 组件接口，带有属性和方法，可通过编程方式控制图标外观、行为和注册。

产品兼容性

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

组件类型

  • JavaScript

JavaScript 平台

  • React
  • Vanilla JavaScript