NeumorUINeumorUI
📖📦
Data Display

CodeBlock

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

tsx
1import { CodeBlock } from "neumorui";

Example

App.tsxtsx
1import { Button, Card } from "neumorui";
2
3export 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

Props

PropTypeDefault
codestring-
languagestring"tsx"
titlestring-
showLineNumbersbooleantrue
showCopyButtonbooleantrue
maxHeightnumber-