# Metallic Link

A link styled as a pill inside a chrome rim.

Tier: Free

## Installation

```bash
npx shadcn add @fetaui/metallic-link
```

## Usage

```tsx
import { MetallicLink } from '@/components/fetaui/metallic-link'

export function Example() {
  return <MetallicLink href="/story">Read the story</MetallicLink>
}
```

## API

| Prop | Type | Default |
|---|---|---|
| href | string |  |
| kind | default, inverted | default |
| children | ReactNode |  |
| disabled | boolean | false |
| animated | boolean | true |

## When to use

- For a link that deserves attention, like a story or launch.

## When not to use

- For actions: use Button.

## Accessibility

- A native link.

## Motion

- The chrome rim turns on its own, one lap every 6 s, and pauses offscreen.
- Hover fills the face with drifting silver over 240 ms and turns the arrow to point right. Press deepens the face.
- Disabled, motion off and reduced motion keep it still.