030
Code Block
Displaynpx shadcn@latest add https://components.haedong.dev/r/code-block.json
Customize
Copy
Code
<CodeBlock code={command} />Install
npx shadcn@latest add https://components.haedong.dev/r/code-block.json
Props
CodeBlock extends the native pre props; CopyButton (exported too) extends the native button props.
| Prop | Type | Description |
|---|---|---|
| code | string | The text shown and copied. Case is kept. |
| copy | boolean | Show the Copy button beside the block. Defaults to true. |
| CopyButton.text | string | What goes to the clipboard; the label decodes to Copied or Failed for 1.5s. |