# Split Flash
URL: https://remocn.dev/docs/numbers/split-flash

A lap-time clock freezes on its final value, flashing a purple bar and a minus delta

- Install: `npx shadcn@latest add @remocn/split-flash`
- Vibe: data
- Natural length: 59f @ 30fps

## Installation

```bash
npx shadcn@latest add @remocn/split-flash
```

## Usage

```tsx
// src/Root.tsx
import { Composition } from "remotion";
import { SplitFlash } from "@/components/remocn/split-flash";

const SplitFlashScene = () => (
  <SplitFlash
    time="1:12.408"
    delta="−0.412"
    flashLabel="Fastest lap"
  />
);

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

A lap clock runs with rolling tenths while an accent sector line draws under it. When the line is crossed the clock freezes on its final time, the line shoots up into a full-width purple band that blinks once, and the delta slides down from under it. Pass `time` as m:ss.mmm, plus `delta`, `label` and `flashLabel`. It ships light and dark through the `theme` prop.

## Props

| Prop | Type | Default | Description |
|---|---|---|---|
| `time` | `string` | `"1:12.408"` | The time the clock freezes on, `m:ss.mmm`. Anything else is shown static. |
| `delta` | `string` | `"−0.412"` | Delta that drops in under the frozen time. Pass "" to hide. |
| `label` | `string` | `"Lap time"` | Small label above the clock while it runs. |
| `flashLabel` | `string` | `"Fastest lap"` | Label once the clock freezes. |
| `accent` | `string` | `"#3B5BFD"` | Colour of the sector line and the live marker. |
| `theme` | `"dark" \| "light"` | `"dark"` | Ships light and dark. |
| `speed` | `number` | `1` | Playback speed multiplier; 1 is the designed pace. |

## Use when
- A record-time beat where a lap-style clock races and freezes on a final value, then flashes a purple 'Fastest lap' band.
- A speed claim like a build or render time that needs a timing-screen look with a minus delta dropping in.
- A motorsport-flavoured launch teaser that ends on a bold frozen time.

## Don't use when
- You want two clocks racing each other with a multiplier — use `timer-duel`.
- You want a shot-clock style countdown to a buzzer with a title — use `shot-clock`.
- You want a readout that locks on a speed against a bar and last year's mark — use `speed-trap`.