Data Display

CodeBlock

Code display block with line numbers, language badge, copy button, and monospace styling.

tsx

1import { CodeBlock } from "neumorui";

Example

App.tsxtsx

1	import { Button, Card } from "neumorui";
2
3	export function App() {
4	return (
5	<Card variant="raised">
6	<h1>Hello NeumorUI</h1>
7	<Button variant="primary">
8	Get Started
9	</Button>
10	</Card>
11	);
12	}

code

language

title

showLineNumbers

showCopyButton

maxHeight