# Code

Status: stable. Added in Components 0.1.0.

Inline code snippet with emphasis and intent variants.

## Import

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

## Examples

### Default

```tsx

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

### Emphasis

```tsx
<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

```tsx
<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>
<Code intent='danger'>danger</Code>
```

## API reference

### Code

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

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

Docs updated 19 Oct 2026.