Link
Basic style of link.
Install
npm install @arco-design/web-react@2.66.18
Import @arco-design/web-react/dist/css/arco.css at the entry and set the locale with ConfigProvider. React 19 projects must also import @arco-design/web-react/es/_util/react-19-adapter first, or imperative APIs such as Message and Modal cannot render.
Examples
- Basic: A link text.
- Status: There are three types of status available:
error,success,warning. - Icon: Customize icon node. If true, the default icon will be displayed.
- Hoverable: You can use the
hoverableproperty to set whether to hide the background color of the Link component when it is hovering. - Usage with dropdown: Display a drop-down menu by the Dropdown component.
Examples come from the official Arco Design repository (MIT) at the commit published as npm 2.66.18. Some use online images or upload endpoints; network requests are disabled in previews.
API
Link
| Property | Description | Type | DefaultValue | Version |
|---|---|---|---|---|
| disabled | Whether to disable | boolean | - | - |
| hoverable | Whether to hide background when hover | boolean | true | 2.23.0 |
| status | The status of Link | 'error' | 'success' | 'warning' | - | - |
| className | Additional css class | string | string[] | - | - |
| icon | Custom Icon, Display the default icon when set to true. | ReactNode | boolean | - | - |
| style | Additional style | CSSProperties | - | - |