Infragistics Ignite UI for Web Components Icon

InfragisticsUI 設計素材JavaScript

輕鬆顯示可自訂的 SVG 與字型圖示。

  • 從 SVG 檔案或自訂字型註冊並顯示圖示。
  • 使用 CSS 變數與屬性調整圖示大小與樣式。
  • 支援適用於從右至左（RTL）版面配置的鏡像圖示。
Infragistics logo

起價:

載入中...
包含在以下產品
Infragistics Ignite UI載入中
Infragistics Professional載入中
Infragistics Ultimate載入中
需要幫助選擇嗎？ 請查看 如何購買 和 規格
Infragistics Ignite UI for Web Components Icon 產品圖片
Infragistics Ignite UI for Web Components Icon 讓開發人員能夠將可縮放、高品質的圖示整合到其應用程式中。它支援廣泛的預先定義 SVG 圖示與自訂字型圖示，並可透過 CSS 與屬性完整自訂大小與樣式屬性。此元件可無縫整合在圖示集合中註冊的圖示，方便在任何 Web 專案中彈性使用。

圖示註冊

可從外部檔案或 SVG 字串註冊 SVG 圖示，之後可在圖示集合中透過名稱參照，以便在整個 Web 應用程式中輕鬆重複使用。

大小自訂

支援三種預設大小 - small、medium（預設）與 large。開發人員可使用 CSS 自訂屬性修改圖示尺寸，以符合不同的設計需求。

樣式套用

可透過直接套用於圖示元件的 CSS 變數進行樣式設定，讓您能控制大小與顏色等屬性，以符合應用程式主題。

鏡像支援

包含 mirrored 屬性，可將圖示水平翻轉，適合調整圖示以符合從右至左的版面配置，並提升國際化支援。

彈性整合

可作為顯示任何已註冊 SVG 圖示的管道，而無需將圖示直接內嵌其中，促進圖示資產與元件使用之間的分離。

無障礙性

此元件所呈現的圖示可透過管理屬性與角色，依據元件 API 進行自訂與控制，以符合無障礙標準。

以開發者為中心

專為開發人員設計，讓其能輕鬆在現代 Web 應用程式中整合與管理圖示，簡化 UI 建構，同時可完全掌控圖示來源與外觀。

產品相容性

請查看以下詳細資訊，以確保此產品在您的環境中受支援。

元件類型

  • JavaScript

JavaScript 平台

  • Vanilla JavaScript
  • Web 元件