# @phase2/outline-link

> The Outline Components for the web link component

Latest version **0.1.8** (published 2023-08-23) · BSD-3-Clause license · 0 weekly downloads

## Install

```sh
npm install @phase2/outline-link
pnpm add @phase2/outline-link
yarn add @phase2/outline-link
bun add @phase2/outline-link
```

## Health

**Score 35/100 (D)** — status: abandoned.

Positive: has types; esm support; no vulnerabilities.

Warnings: low downloads; pre 1.0.

Negative: abandoned.

## Facts

| | |
|---|---|
| Version | 0.1.8 |
| Published | 2023-08-23 |
| First published | 2022-08-26 |
| Weekly downloads | 0 |
| License | BSD-3-Clause |
| TypeScript types | bundled |
| Module format | ESM + CommonJS |
| Dependencies | 3 |
| Unpacked size | 258.8 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 131 |
| Author | Phase2 Technology |
| Maintainers | nadavoid, grshane, dmuzyka, mkochendorfer, pschuelke, yuginaili, cclarkdev, febbraro, himerus, shaal |
| Keywords | outline, web-components, design system, link |

## Links

- npm: https://www.npmjs.com/package/@phase2/outline-link
- Repository: https://github.com/phase2/outline
- Homepage: https://github.com/phase2/outline/tree/next/packages/components/@deprecated/outline-link
- Issues: https://github.com/phase2/outline/issues
- npm.io page: https://npm.io/package/@phase2/outline-link

## Dependencies (3)

- [lit](https://npm.io/package/lit.md) ^2.3.1
- [tslib](https://npm.io/package/tslib.md) ^2.1.0
- [@phase2/outline-core](https://npm.io/package/@phase2/outline-core.md) ^0.2.5

## Recent versions

- 0.1.8 (latest) — 2023-08-23
- 0.1.7 — 2023-08-22
- 0.1.6 — 2023-08-08
- 0.1.5 — 2023-08-04
- 0.1.4 — 2023-03-08
- 0.1.3 — 2023-03-07
- 0.1.2 — 2023-02-28
- 0.1.1 — 2023-02-27
- 0.1.0 — 2022-10-27
- 0.0.2 — 2022-10-10
- 0.0.1 — 2022-08-26

## README

# outline-link

The Outline  Link component

## Properties

| Property     | Attribute     | Type                | Default | Description |
|--------------|---------------|---------------------|---------|-------------|
| `linkHref`   | `link-href`   | `string \| boolean` | false   | Link url    |
| `linkRel`    | `link-rel`    | `LinkRelType`       |         | Link rel    |
| `linkTarget` | `link-target` | `LinkTargetType`    |         | Link target |
| `linkText`   | `link-text`   | `string \| boolean` | false   | Link text   |

## Slots

| Name | Description                        |
|------|------------------------------------|
|      | The default slot for this element. |

## CSS Custom Properties

| Property                           | Description                                      |
|------------------------------------|--------------------------------------------------|
| `--outline-link-color`             | default: The default link color.                 |
| `--outline-link-color-default`     | decoration: Text decoration for the default link. |
| `--outline-link-color-hover`       | decoration: Text decoration for the link when hovering. |
| `--outline-link-transition`        | property: The CSS transition property to use for the link. |
| `--outline-link-transition-timing` | function: The CSS transition timing function to use for the link. |

---
_Source: https://npm.io/package/@phase2/outline-link · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._
