Infragistics Ignite UI for React UI Notification Controls

InfragisticsUI 通知控制項JavaScript

提升 React 應用程式使用者溝通的 UI 通知元件。

  • 包含 Banner，可用於顯示醒目且持續的訊息並支援動作。
  • Snackbar 在畫面底部提供簡短、可自訂的回饋。
  • 彈性的樣式與事件處理，打造量身訂做的通知體驗。
Infragistics logo

起價:

載入中...
包含在以下產品
Infragistics Ignite UI for React載入中
Infragistics Ignite UI載入中
Infragistics Professional載入中
Infragistics Ultimate載入中
需要幫助選擇嗎？ 請查看 如何購買 和 規格
Infragistics Ignite UI for React UI Notification Controls 產品圖片
Infragistics Ignite UI for React UI Notification Controls 為 React 開發人員提供多功能元件，讓訊息能以清晰且具風格的方式傳達給使用者。Banner 和 Snackbar 元件分別可顯示持續性橫幅或簡短提醒，並提供可自訂的動作與視覺設計，以符合互動式應用程式需求。

Banner 元件

顯示比 snackbar 更不短暫、比對話框更不突兀的醒目訊息。支援範本內容、圖示與可操作按鈕，可根據情境引導使用者回應。

Snackbar 元件

在畫面底部顯示訊息，提供關於作業的簡短回饋。支援可調整的顯示時間、動作按鈕，以及可選擇持續顯示直到使用者關閉。

可自訂動作

Banner 和 Snackbar 元件都允許注入自訂按鈕與處理常式，進而實現量身打造的使用者互動，例如關閉訊息或觸發相關功能。

圖示整合

Banner 支援前置圖示，以視覺化方式傳達訊息意圖。圖示可作為橫幅內容的一部分，強化提醒效果。

事件處理

Banner 會發出可取消的關閉事件，讓開發人員能控制通知的生命週期。Snackbar 支援動作點擊處理，以提供即時回饋。

樣式與主題

元件提供 CSS parts 以進行完整的樣式控制，方便與應用程式主題無縫整合，並確保一致的 UI 外觀。

安裝與設定

可透過 npm 套件 igniteui-react 輕鬆整合。包含可匯入的模組與 CSS，可立即用於 React 專案。

Material Design 相容性

元件遵循 material design 指引，建議按鈕數量限制與互動模式，支援現代 UI 的最佳實務。

產品相容性

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

元件類型

  • JavaScript

JavaScript 平台

  • React
  • Vanilla JavaScript