Unified diff with added and removed lines tinted green and red.
The import and the props worth knowing about, in one place.
import { Terminal9 } from "@/components/beste/piece/terminal9";
<Terminal9
filename="components/Button.tsx"
lines={[
{
"type": "context",
"text": "function Button({ label }) {"
},
{
"type": "remove",
"text": " return <button>{label}</button>;"
},
{
"type": "add",
"text": " return <button className=\"btn\">{label}</button>;"
},
{
"type": "context",
"text": "}"
}
]}
/>Dark shell line with an emerald prompt, command text, and a blinking block cursor.
Dark terminal that types a command after the prompt, prints its output line by line up to a green success line behind a blinking block cursor, then clears and runs again.
Single indeterminate line with a spinner and a cancel hint.
Timestamped log lines tagged by level in info, warn, error, and ok colors.