# Link

- Page: https://jiguang132.com/resources/arco-design/docs/link
- Resource: Arco Design (https://jiguang132.com/resources/arco-design.md)
- All guides: https://jiguang132.com/resources/arco-design/docs.md

Basic style of link.

## Install

```bash
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 `hoverable` property 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 |`-`|-|

---

Index of all JGuang resources: https://jiguang132.com/llms.txt