# Which Means
URL: https://remocn.dev/docs/typography/which-means

A feature tag leads into a chain of consequences, each introduced by a hinge phrase.

- Install: `npx shadcn@latest add @remocn/which-means`
- Vibe: clean
- Natural length: 143f @ 30fps

## Installation

```bash
npx shadcn@latest add @remocn/which-means
```

## Usage

```tsx
// src/Root.tsx
import { Composition } from "remotion";
import { WhichMeans } from "@/components/remocn/which-means";

const WhichMeansScene = () => (
  <WhichMeans name="Live preview" label="New" steps={["Every edit shows up as you type,", "the first render is the one you ship."]} />
);

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

A labeled feature name appears, then the hinge phrase and each step in `steps` unfold as a chain of consequences. Pass `name`, `label`, `steps` and `hinge` to describe your own feature. It ships in light and dark through the `theme` prop.

## Props

| Prop | Type | Default | Description |
|---|---|---|---|
| `name` | `string` | `"Live preview"` | Feature name shown as the headline. |
| `label` | `string` | `"New"` | Small tag shown next to the name. |
| `steps` | `string[]` | `DEFAULT_STEPS` | Consequence lines revealed in order. |
| `hinge` | `string` | `"which means"` | Connector phrase shown between steps. |
| `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
- A feature beat that turns one capability into a chain of benefits.
- A launch scene that links a new feature to what it means for the viewer.
- A release note video where a feature name needs a plain-language payoff.

## Don't use when
- You only need a short before-and-after contrast — use `less-more`.
- The explanation is a long paragraph, not a chain — use `tldr-on-top`.
- You want the name defined as a word — use `verbed`.