Terminal CLI Feature Showcase

Installation

A real shadcn registry command, not a copy-paste stand-in: it fetches this block plus its dependencies and any missing npm packages, and installs them straight into your project.

Prefer not to use the CLI? Copy the source from the Code toggle above into src/components/blocks/feature/feature107.tsx instead.

Usage

The file also exports feature107Demo, the exact props behind the preview above. Spread it to get a working section in one line, then replace it with your own data.

import { Feature107, feature107Demo } from "@/components/blocks/feature/feature107";

export default function Page() {
  return <Feature107 {...feature107Demo} />;
}

Props

Types

type TerminalCommandEntry = {
  command: ReactNode; // pre-styled with colored spans, e.g. <span className="text-sky-400">deploy</span>
  output: string[];
};

Behavior notes

• Server component: syntax coloring is manual, done by the caller passing pre-styled <span> elements with color-utility classes as the `command` ReactNode, not a real syntax-highlighting engine.
• The blinking cursor after the final prompt is a pure CSS `animation` (step-end infinite) toggling opacity, no JS timer, so it stays static-render-safe.
• This block deliberately breaks from semantic Tailwind tokens for a hardcoded dark, monospace CLI look, mirroring the Auth category's one-off terminal exception (auth29) — not a pattern meant to spread to other feature blocks.
• No live command execution or backend of any kind: this is a static, illustrative transcript.