Skip to content

Commit 93a972e

Browse files
authored
feat(demo): add CopyButton for install commands (#225)
- add CopyButton to installation commands in Demo component - improve developer UX with one-click copy
1 parent 7dbe1bc commit 93a972e

1 file changed

Lines changed: 4 additions & 0 deletions

File tree

src/components/features/Demo.tsx

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -3,6 +3,7 @@
33
import React, { useState, useEffect, useRef, useMemo } from 'react'
44
import { ChevronLeft, ChevronRight, Upload, Play, FileCode2, Zap, Package, Code2, Terminal, GitBranch } from 'lucide-react'
55
import { ctaInvertedPrimaryClasses } from '../ui/ctaInvertedPrimaryClasses'
6+
import CopyButton from '../ui/CopyButton'
67
import { colorizeTerminalText } from '@/lib/terminal-colorize'
78
import { DemoShikiEditor, DemoShikiStatic, inferDemoLang } from './DemoShiki'
89

@@ -1519,6 +1520,7 @@ export default function Demo() {
15191520
<code className="text-sm sm:text-base lg:text-lg font-mono font-semibold text-gray-900 dark:text-gray-100" aria-label="Installation command">
15201521
npm install -g logicstamp-context
15211522
</code>
1523+
<CopyButton text="npm install -g logicstamp-context" className="ml-2 flex-shrink-0" />
15221524
</div>
15231525
</div>
15241526
<a
@@ -1556,6 +1558,7 @@ export default function Demo() {
15561558
<code className="text-sm sm:text-base lg:text-lg font-mono font-semibold text-gray-900 dark:text-gray-100" aria-label="Installation command">
15571559
npm install -g logicstamp-context
15581560
</code>
1561+
<CopyButton text="npm install -g logicstamp-context" className="ml-2 flex-shrink-0" />
15591562
</div>
15601563
</div>
15611564
{/* MCP Installation */}
@@ -1567,6 +1570,7 @@ export default function Demo() {
15671570
<code className="text-sm sm:text-base lg:text-lg font-mono font-semibold text-gray-900 dark:text-gray-100" aria-label="Installation command">
15681571
npm install -g logicstamp-mcp
15691572
</code>
1573+
<CopyButton text="npm install -g logicstamp-mcp" className="ml-2 flex-shrink-0" />
15701574
</div>
15711575
</div>
15721576
</div>

0 commit comments

Comments
 (0)