Components/Data Display/Code

Code

Data Display

Inline code snippet styled in Space Mono.

Renders <code> (inline) or <pre><code> (block) with a Slate Core background and hard edges. For syntax highlighting, use CodeBlock instead.

Usage

import { Code } from "nosible-ux"

export default function Example() {
  return <Code>confidence_score &gt; 0.85</Code>
}

Examples

Inline vs block

Filter with confidence > 0.85 to surface high-signal events.

GET /v1/signals?confidence_min=0.85&region=us

Props

Name TypeDefaultDescription
block
boolean | undefinedfalseWhen true, renders as a `<pre><code>` block instead of inline.
children
ReactNodeThe code content to render.