Code

Status

Stable

Added

Components 0.1.03 Jan 2025

Docs updated

19 Oct 2026

Inline code snippet with emphasis and intent variants.

Import

import { Code } from '@oztix/roadie-components'

Examples

Default

<Code>npm install @oztix/roadie-components</Code>

Emphasis

<Code emphasis='normal'>normal code</Code>
<Code emphasis='strong'>strong code</Code>
<Code emphasis='subtle'>subtle code</Code>
<Code emphasis='subtler'>subtler code</Code>

Intents

<Code intent='neutral'>neutral</Code>
<Code intent='accent'>accent</Code>
<Code intent='brand'>brand</Code>
<Code intent='info'>info</Code>
<Code intent='success'>success</Code>
<Code intent='warning'>warning</Code>

API reference

Code

intent"neutral" | "brand" | "brand-secondary" | "brand-blue" | "brand-orange" | "brand-purple" | "accent" | "danger" | "success" | "warning" | "info" | null
emphasis"normal" | "strong" | "subtle" | "subtler" | null

Inline code snippet with emphasis and intent variants.

Import

import { Code } from '@oztix/roadie-components'

Examples

Default

<Code>npm install @oztix/roadie-components</Code>

Emphasis

<Code emphasis='normal'>normal code</Code>
<Code emphasis='strong'>strong code</Code>
<Code emphasis='subtle'>subtle code</Code>
<Code emphasis='subtler'>subtler code</Code>

Intents

<Code intent='neutral'>neutral</Code>
<Code intent='accent'>accent</Code>
<Code intent='brand'>brand</Code>
<Code intent='info'>info</Code>
<Code intent='success'>success</Code>
<Code intent='warning'>warning</Code>

API reference

Code

intent"neutral" | "brand" | "brand-secondary" | "brand-blue" | "brand-orange" | "brand-purple" | "accent" | "danger" | "success" | "warning" | "info" | null
emphasis"normal" | "strong" | "subtle" | "subtler" | null