# @berlitz/link

> Link component for the Max Design System

Latest version **3.2.0** (published 2022-09-14) · MIT license · 0 weekly downloads

## Install

```sh
npm install @berlitz/link
pnpm add @berlitz/link
yarn add @berlitz/link
bun add @berlitz/link
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 3.2.0 |
| Published | 2022-09-14 |
| First published | 2018-10-05 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 0 |
| Unpacked size | 11.1 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Maintainers | berlitz |

## Links

- npm: https://www.npmjs.com/package/@berlitz/link
- Homepage: https://github.com/berlitz-global/max/blob/master/components/link/CHANGELOG.md
- npm.io page: https://npm.io/package/@berlitz/link

## Recent versions

- 3.2.0 (latest) — 2022-09-14
- 3.1.1-test.2 (canary) — 2022-01-24
- 3.1.1 — 2022-02-16
- 3.1.0 — 2022-01-10
- 3.0.5 — 2021-09-20
- 3.0.4 — 2021-08-05
- 3.0.3 — 2021-01-06
- 3.0.2 — 2021-01-06
- 3.0.1 — 2021-01-05
- 3.0.0 — 2020-10-16
- 2.3.0 — 2020-05-04
- 2.2.2 — 2019-10-24
- 2.2.1 — 2019-10-24
- 2.2.0 — 2019-10-15
- 2.1.7 — 2019-10-09
- … 42 more at https://npm.io/package/@berlitz/link/versions

## README

# Link [![npm version](https://img.shields.io/npm/v/@berlitz/link.svg)](https://www.npmjs.com/package/@berlitz/link)

Export Berlitz's awesome Link styles. Comes with a Beautiful Shamrock Green underline. Amazing Pointer Cursor with State of the Art Hover and Focus events. Import the package and add the styles onto your link!

## Installation

```shell
yarn add @berlitz/link
```

## Usage

Simply Import the styles, create a link and away you go.

#### StyledComponents Example

```jsx
import { linkStyle, Link } from '@berlitz/link'
import { Link as GatsbyLink } from 'gatsby'

const StyledLink = styled(GatsbyLink)`
  ${linkStyle};
`

const App = () => (
  <>
    <StyledLink>Read more</StyledLink>
    ...or...
    <Link>Read more</Link>
  </>
)
```

### When to use this component

Include our Berlitz theme Link styles on your link!

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