CLI Playground

A component for displaying a CLI playground

Default

Default CLI playground

scaffold-cli

╔══════════════════════════════════════════╗

║ ║

║ Backend Scaffold CLI v1.0.0 ║

║ ║

║ Scaffold your backend API in seconds ║

║ ║

╚══════════════════════════════════════════╝

Type 'scaffold create' to get started

Click anywhere in the terminal to focus • Type help for commands

default-example.tsx

1"use client";
2
3import { CLIPlayground } from "@/registry/ui";
4
5export function CliPlaygroundDefaultExample() {
6  return (
7    <div className="mx-auto w-full">
8      <CLIPlayground />
9    </div>
10  );
11}

Installation & source

Install via the shadcn CLI or copy the registry files manually.

bash

npx shadcn@latest add @tt-ui/cli-playground

Props

Name	Type	Default	Description