CodeBlock

A multi-line code block with optional title and copy-to-clipboard button.

Import

import { CodeBlock } from '@florex/ui';

<CodeBlock>{`const greeting = "Hello, world!";
console.log(greeting);`}</CodeBlock>

Prop	Type	Default	Description
children	`string`	—	Code content (must be a string)
title	`string`	—	Optional header label (e.g. filename)
className	`string`	—	Additional CSS classes

<CodeBlock title="install.sh">npm install @florex/ui</CodeBlock>

<CodeBlock title="App.tsx">{`import { Button } from '@florex/ui';

function App() {
  return <Button>Click me</Button>;
}`}</CodeBlock>