跳到主要內容跳到主要內容
🚀 影響 Joy UI 2025 年的藍圖！參與最新的開發者調查

AutocompleteListboxAPI

React AutocompleteListbox 組件的 API 參考文檔。瞭解此導出模組的 props、CSS 和其他 API。

範例

Import

import AutocompleteListbox from '@mui/joy/AutocompleteListbox';
// or
import { AutocompleteListbox } from '@mui/joy';

閱讀關於最小化 bundle size 的指南，以瞭解它們之間的差異。

Props

也提供原生組件的 Props。

名稱類型預設值描述
color'danger'
| 'neutral'
| 'primary'
| 'success'
| 'warning'
| string		'neutral'

組件的顏色。它支援適用於此組件的那些主題顏色。

若要瞭解如何新增您自己的顏色，請查看主題組件 — 擴展顏色。

componentelementType-

用於根節點的組件。可以是使用 HTML 元素的字串或組件。

size'sm'
| 'md'
| 'lg'		'md'

組件的大小（影響其他巢狀 list* 組件）。

若要瞭解如何將自訂大小新增至組件，請查看主題組件 — 擴展尺寸。

slotProps{ root?: func
| object }		{}

用於每個內部 slot 的 props。

slots{ root?: elementType }{}

用於每個內部 slot 的組件。

請參閱下方Slots API 以瞭解更多詳細資訊。

sxArray<func
| object
| bool>
| func
| object		-

系統 prop，允許定義系統覆寫以及其他 CSS 樣式。

請參閱 `sx` 頁面以瞭解更多詳細資訊。

variant'contained'
| 'light'
| 'outlined'
| 'text'
| string		'outlined'

要使用的全域 variant。

若要瞭解如何新增您自己的 variant，請查看主題組件 — 擴展 variants。

ref 會轉發到根元素。

主題預設 props

您可以使用 JoyAutocompleteListbox 透過主題變更此組件的預設 props。

Slots

若要瞭解如何自訂 slot，請查看覆寫組件結構指南。

Slot 名稱類別名稱預設組件描述
root.MuiAutocompleteListbox-root'ul'呈現根的組件。

CSS 類別

這些類別名稱對於使用 CSS 設定樣式很有用。當觸發特定狀態時，它們會套用至組件的 slot。

類別名稱規則名稱描述
.MuiAutocompleteListbox-colorContextcolorContext當觸發顏色反轉時，套用至根元素的類別名稱。
.MuiAutocompleteListbox-colorDangercolorDanger如果 color="danger"，則套用至根元素的類別名稱。
.MuiAutocompleteListbox-colorNeutralcolorNeutral如果 color="neutral"，則套用至根元素的類別名稱。
.MuiAutocompleteListbox-colorPrimarycolorPrimary如果 color="primary"，則套用至根元素的類別名稱。
.MuiAutocompleteListbox-colorSuccesscolorSuccess如果 color="success"，則套用至根元素的類別名稱。
.MuiAutocompleteListbox-colorWarningcolorWarning如果 color="warning"，則套用至根元素的類別名稱。
.MuiAutocompleteListbox-sizeLgsizeLg如果 size="lg"，則套用至根元素的類別名稱。
.MuiAutocompleteListbox-sizeMdsizeMd如果 size="md"，則套用至根元素的類別名稱。
.MuiAutocompleteListbox-sizeSmsizeSm如果 size="sm"，則套用至根元素的類別名稱。
.MuiAutocompleteListbox-variantOutlinedvariantOutlined如果 variant="outlined"，則套用至根元素的類別名稱。
.MuiAutocompleteListbox-variantPlainvariantPlain如果 variant="plain"，則套用至根元素的類別名稱。
.MuiAutocompleteListbox-variantSoftvariantSoft如果 variant="soft"，則套用至根元素的類別名稱。
.MuiAutocompleteListbox-variantSolidvariantSolid如果 variant="solid"，則套用至根元素的類別名稱。

您可以使用以下自訂選項之一覆寫組件的樣式

原始碼

如果您在本頁中找不到資訊，請考慮查看組件的實作以取得更多詳細資訊。