Code

Mono code block and inline code treatment.

Code should remain compact and inspectable. Use blocks for excerpts and InlineCode only for short identifiers inside prose.

ConcretePressure

TypeScript

const signal = concreteSignalSchema.parse("terminal")

Playground

Props in the URL.

Controls update query params directly, so every primitive state can be linked, rendered, and screenshotted deterministically.

Loading playground.

States

Every state maps to the same render route through the `state` query param.

ConcretePressure

TypeScript

const signal = concreteSignalSchema.parse("terminal")

Default

TypeScript code block with inline code.

HTML

<button class="concrete-button">Run</button>

Html

HTML tokenizer hint.

Use ConcretePressure to document composition mode.

Inline

Inline code in prose rhythm.

Props

Name	Type	Default	Description
`code *`	`string`	-	CodeBlock source text.
`language`	`string`	`TypeScript`	Header label and syntax tokenizer hint.
`showLineNumbers`	`boolean`	`true`	Renders the numeric gutter.
`copyLabel`	`ReactNode`	`Copy`	Copy button label.
`children`	`ReactNode`	-	InlineCode text content.