# Marker Text

Marks drawn by hand over copy: highlight, underline, circle, box and strike.

Tier: Free

## Installation

```bash
npx shadcn add @fetaui/marker-text
```

## Usage

```tsx
import { MarkerText } from '@fetaui/components/marker-text'

export function Example() {
  return <MarkerText heading={['Fast ', { text: 'notes', mark: 'highlight' }]} />
}
```

## API

| Prop | Type | Default |
|---|---|---|
| heading, body | MarkerPart[] |  |
| styleKind | soft, original | soft |
| replay | boolean | true |
| animated | boolean | true |

## When to use

- To lead the eye through marketing copy.

## When not to use

- To mark up text people edit.

## Accessibility

- Marks are decoration. The copy stays plain text.

## Motion

- Marks draw in order, 600 ms each, and Replay runs them again.
- With reduced motion, the marks appear drawn.