# Yes Run
URL: https://remocn.dev/docs/typography/yes-run

A string of short questions is each answered with the same bold Yes tag on bright orange.

- Install: `npx shadcn@latest add @remocn/yes-run`
- Vibe: playful
- Natural length: 130f @ 30fps

## Installation

```bash
npx shadcn@latest add @remocn/yes-run
```

## Usage

```tsx
// src/Root.tsx
import { Composition } from "remotion";
import { YesRun } from "@/components/remocn/yes-run";

const YesRunScene = () => (
  <YesRun questions={["Vertical?", "Captions?", "Your fonts?"]} answer="Yes." />
);

export const RemotionRoot = () => (
  <Composition
    id="YesRun"
    component={YesRunScene}
    durationInFrames={150}
    fps={30}
    width={1280}
    height={720}
  />
);
```

Each question in `questions` is answered by the `answer` tag landing next to it, quickening as they go. Pass `questions` and `answer` to answer your own FAQ. It ships in light and dark through the `theme` prop.

## Props

| Prop | Type | Default | Description |
|---|---|---|---|
| `questions` | `string[]` | `DEFAULT_QUESTIONS` | Short questions answered in turn. |
| `answer` | `string` | `"Yes."` | Answer shown on the tag. |
| `accent` | `string` | — | Accent color override; falls back to the theme accent. |
| `background` | `string` | — | Background color override; falls back to the theme background. |
| `speed` | `number` | `1` | Playback speed multiplier for the whole timeline. |
| `theme` | `"dark" \| "light"` | `"dark"` | Ships light and dark; picks the palette. |

## Use when
- An objections-handling beat that says yes to a run of product questions.
- A rapid feature checklist such as vertical, captions, your fonts.
- A playful pricing or capability scene with a repeated answer.

## Don't use when
- Each answer is different and longer — use `which-means`.
- You want a two-line contrast rather than a list — use `less-more`.
- Items should be listed as chips — use `feature-chips-flow`.