[Home](../Home.md)・[UpdateLog](../UpdateLog.md)・[Config](../Config.md)・[Theme](../Theme.md)
## HyperlinkLabel
👚
> Display text with hyperlinks, support custom styles and event handling.
- DefaultProperty:Text
- DefaultEvent:LinkClicked
### Properties
Name | Description | Type | Default Value |
:--|:--|:--|:--|
**Text** | Text content, support `...` syntax | string`?` | `null` |
🌏 **LocalizationText** | International Text | string`?` | `null` |
**TextAlign** | Text position | ContentAlignment | MiddleLeft |
**Shadow** | Shadow size | int | 0 |
**ShadowColor** | Shadow color | Color`?` | `null` |
**ShadowOpacity** | Shadow opacity | float | 0.3F |
**ShadowOffsetX** | Shadow offset X | int | 0 |
**ShadowOffsetY** | Shadow offset Y | int | 0 |
**NormalStyle** | Link style in normal state | LinkAppearance`?` | `null` |
**HoverStyle** | Link style when mouse hovers | LinkAppearance`?` | `null` |
**LinkPadding** | Distance between links and surrounding characters | Padding | 2, 0, 2, 0 |
**LinkAutoNavigation** | Automatically open hyperlinks with default browser | bool | false |
**AutoSize** | Auto size | bool | false |
**AutoSizeMode** | Auto size mode | [TAutoSize](Enum.md#tautosize) | None |
**ForeColor** | Text color | Color`?` | `null` |
### LinkAppearance Properties
Name | Description | Type | Default Value |
:--|:--|:--|:--|
**LinkColor** | Link text color | Color`?` | `null` |
**LinkStyle** | Link font style | FontStyle | Regular |
**UnderlineColor** | Underline color | Color`?` | `null` |
**UnderlineThickness** | Underline thickness (0 for no underline) | int | 1 |
### Events
Name | Description | Return Value | Parameters |
:--|:--|:--|:--|
**LinkClicked** | Occurred when a link is clicked | void | LinkClickedEventArgs `e` |
### Example
```csharp
// Basic usage
hyperlinkLabel1.Text = "Visit Ant Design website";
// Custom style
hyperlinkLabel1.NormalStyle.Underline = false;
hyperlinkLabel1.HoverStyle.Color = Color.Red;
hyperlinkLabel1.HoverStyle.Underline = true;
// Disable auto navigation
hyperlinkLabel1.LinkAutoNavigation = false;
```