# Slide Text Button

The label slides up one row on hover or focus while a second label rises in.

Tier: Free

## Installation

```bash
npx shadcn add @fetaui/slide-text-button
```

## Usage

```tsx
import { SlideTextButton } from '@/components/fetaui/slide-text-button'

export function Example() {
  return <SlideTextButton label="Get started" hoverLabel="Let’s go" />
}
```

## API

| Prop | Type | Default |
|---|---|---|
| label | string | Get started |
| hoverLabel | string | Let’s go |
| variant | primary, secondary | primary |
| disabled | boolean | false |
| animated | boolean | true |

## When to use

- For a call to action that deserves a small moment.

## When not to use

- For dense toolbars: use Button.

## Accessibility

- The accessible name is always the first label.

## Motion

- The labels trade places on hover and on keyboard focus.
- With reduced motion, the press scale is off and color changes stay. Labels crossfade in place.