# Stat Inline
URL: https://remocn.dev/docs/numbers/stat-inline

A large figure appears alone, then slides into place inside a sentence as the other words rise in.

- Install: `npx shadcn@latest add @remocn/stat-inline`
- Vibe: clean
- Natural length: 107f @ 30fps

## Installation

```bash
npx shadcn@latest add @remocn/stat-inline
```

## Usage

```tsx
// src/Root.tsx
import { Composition } from "remotion";
import { StatInline } from "@/components/remocn/stat-inline";

const StatInlineScene = () => (
  <StatInline value="12,480" text="Builders shipped {value} launch videos this year." label="Launch videos shipped" />
);

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

The value appears large with a label, then moves into its slot in the sentence while the surrounding words rise in around it. Put `{value}` in `text` where the number belongs. Pass `value`, `text`, `label` and `align`; it ships light and dark through `theme`.

## Props

| Prop | Type | Default | Description |
|---|---|---|---|
| `value` | `string` | `"12,480"` | The number that gets highlighted, as text. |
| `text` | `string` | `"Builders shipped {value} launch videos with remocn this year."` | Sentence containing the {value} placeholder where the number lands. |
| `label` | `string` | `"Launch videos shipped"` | Small label shown while the number is still alone. |
| `align` | `"left" \| "center"` | `"left"` | Align the sentence to the left or the center. |
| `accent` | `string` | `"#3B5BFD"` | Accent color for highlights and small marks. |
| `background` | `string` | — | Background color override. Pass "transparent" to composite over other layers. |
| `speed` | `number` | `1` | Playback speed multiplier for the whole timeline. |
| `theme` | `"dark" \| "light"` | `"dark"` | Color theme, "dark" or "light". |

## Use when
- A statement stat such as Builders shipped 12,480 launch videos, where the number must stay in context.
- A social-proof beat written as one sentence.
- A recap line that should read naturally with the key number highlighted.

## Don't use when
- The number alone is the message — use `compact-stat`.
- Several stats should appear in turn — use `stat-sequence`.
- The number should count up — use `tall-count`.