LinkAPI

React Link 元件的 API 參考文件。了解此匯出模組的 props、CSS 和其他 API。

示範

如需此 React 元件的使用範例和詳細資訊，請造訪元件示範頁面

import Link from '@mui/material/Link';
// or
import { Link } from '@mui/material';

Typography 元件的 Props 也適用。

名稱	類型	預設	描述
children	node	-	元件的內容。
classes	object	-	覆寫或擴充套用至元件的樣式。請參閱下方的CSS 類別 API 以取得更多詳細資訊。
color	'primary' \| 'secondary' \| 'success' \| 'error' \| 'info' \| 'warning' \| 'textPrimary' \| 'textSecondary' \| 'textDisabled' \| string	'primary'	連結的顏色。
component	element type	-	用於根節點的元件。可以是字串（用於 HTML 元素）或元件。此需要能夠持有 ref。
sx	Array<func \| object \| bool> \| func \| object	-	允許定義系統覆寫以及額外 CSS 樣式的系統 prop。請參閱 `sx` 頁面以取得更多詳細資訊。
TypographyClasses	object	-	套用至 `Typography` 元素的 `classes` prop。
underline	'always' \| 'hover' \| 'none'	'always'	控制連結何時應有底線。
variant	'body1' \| 'body2' \| 'button' \| 'caption' \| 'h1' \| 'h2' \| 'h3' \| 'h4' \| 'h5' \| 'h6' \| 'inherit' \| 'overline' \| 'subtitle1' \| 'subtitle2' \| string	'inherit'	套用主題排版樣式。

ref 會轉發到根元素。

雖然上方未明確記載，但 Typography 元件的 props 也適用於 Link。您可以利用這一點來鎖定巢狀元件。

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

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

類別名稱	規則名稱	描述
.Mui-focusVisible		如果連結是鍵盤焦點，則套用至根元素的狀態類別。
.MuiLink-button	button	如果 `component="button"`，則套用至根元素的樣式。
.MuiLink-root	root	套用至根元素的樣式。
.MuiLink-underlineAlways	underlineAlways	如果 `underline="always"`，則套用至根元素的樣式。
.MuiLink-underlineHover	underlineHover	如果 `underline="hover"`，則套用至根元素的樣式。
.MuiLink-underlineNone	underlineNone	如果 `underline="none"`，則套用至根元素的樣式。

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

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