Open in a new tab
View code
tsx
<TypedTerminal
	aria-label="A sign-in spec and its run"
	pauseLabel="Pause the animation"
	title="specs/sign-in.spec"
	lines={[
		{ kind: "input", text: 'visit "/login"' },
		{ kind: "input", text: 'fill "Email" with "ada@example.com"' },
		{ kind: "input", text: 'click "Sign in"' },
		{ kind: "input", text: 'see "Welcome back, Ada"' },
		{ kind: "output", text: "✓ 4 steps · 2.1s", status: "ok" },
	]}
/>