## `<w-link>` API

Unless otherwise noted all properties are HTML attributes (as opposed to JavaScript object properties).

### Properties

| Name | Type | Default | Summary |
|-|-|-|-|
| autofocus | `boolean` | `false` | Focus the link after it is rendered |
| disabled | `boolean` | `false` | Applies disabled styling, but you need to disable clicks on your own. |
| full-width | `boolean` | `false` | Makes the link take up the full width of its parent |
| href | `string \| undefined` | `-` | The URL the link points to |
| rel | `string \| undefined` | `-` | Relationship of the linked URL. |
| small | `boolean` | `false` | Render a smaller version |
| target | `string \| undefined` | `-` | Where to display the linked URL (e.g. `_blank`) |
| variant | [`ButtonVariant \| undefined`](#buttonvariant-undefined) | `-` | Visual style for the link/button. |

### Property Details

#### autofocus

Focus the link after it is rendered

- Type: `boolean`
- Default: `false`

#### disabled

Applies disabled styling, but you need to disable clicks on your own.

The component renders an `<a>` element; `disabled` affects styling, but does not inherently prevent navigation. If you need to fully disable interaction, omit `href` and/or prevent default click behavior.

- Type: `boolean`
- Default: `false`

#### full-width

Makes the link take up the full width of its parent

- Type: `boolean`
- Default: `false`

#### href

The URL the link points to

- Type: `string | undefined`
- Default: `-`

#### rel

Relationship of the linked URL.

If `target="_blank"` and `rel` is not provided, the component uses `noopener`.

- Type: `string | undefined`
- Default: `-`

#### small

Render a smaller version

- Type: `boolean`
- Default: `false`

#### target

Where to display the linked URL (e.g. `_blank`)

- Type: `string | undefined`
- Default: `-`

#### variant

Visual style for the link/button.

- Type: [`ButtonVariant | undefined`](#buttonvariant-undefined)
- Default: `-`

### Types

#### ButtonVariant | undefined

`'negative' | 'primary' | 'secondary' | 'negativeQuiet' | 'utility' | 'quiet' | 'utilityQuiet' | 'overlay' | 'overlayInverted' | 'overlayQuiet' | 'overlayInvertedQuiet' | undefined`