GraphBoot

Import

svelte
import { GraphBoot } from 'markgraphy';

Basic usage

svelte
<GraphBoot
  title="example"
  speedMs={90}
/>

Props

PropTypeDefaultDescription
titlestringCaption on the frame’s top edge as [ TITLE ]. Uppercase, 1–2 words.
stepsGraphBootStep[]Ordered list of deploy/boot steps to show.
speedMs?number90Milliseconds per tick of the boot animation. Default 90.
stepTicks?number14Total ticks each step is “in progress” before flipping to ✓/✗. Default 14.
seedNum?number5Seed for any stochastic timing jitter per step. Default 5.
animated?booleantrueAnimate the boot. Default true. Reduced motion freezes a mid-run frame.
label?string'from cold to live'Short caption under the art.
class?string''

Exported types

  • GraphBootStep
  • GraphBootProps

Reduced motion

Animation is disabled under prefers-reduced-motion.