晶片 (Chip)

晶片 (Chip) 是一個小型區塊，用於呈現輸入、屬性或動作等重要資訊。

安裝

以上指令僅適用於個別安裝。如果 @nextui-org/react 已全域安裝，您可以跳過此步驟。

導入

使用方式

已停用

尺寸

顏色

圓角

變體

開始與結束內容

帶有關閉按鈕

如果您傳遞 onClose prop，關閉按鈕將會顯示。您可以透過傳遞 endContent prop 來覆寫關閉圖示。

帶有頭像

標籤列表

插槽

• base：標籤的基本插槽，它是標籤的容器。
• content：標籤的內容插槽，它是標籤子元素的容器。
• dot：標籤左側的小圓點。當傳遞 variant=dot prop 時會顯示。
• avatar：標籤的頭像類別。當傳遞 avatar prop 時會顯示。
• closeButton：標籤的關閉按鈕類別。當傳遞 onClose prop 時會顯示。

自訂樣式

您可以透過將自訂 Tailwind CSS 類別傳遞至元件插槽來自訂 Chip 元件。

API

標籤 Props

標籤事件