# Code

Code inside running text.

> Every page: https://constella.aayush.cv/llms.txt

```tsx
<Text color="secondary">
  Set <Code>NODE_ENV</Code> to <Code>production</Code> before you run the build.
</Text>
```

## Installation

```bash
npx shadcn@latest add @constella/code
```

## Usage

```tsx
import { Code } from "@/components/typography/code";
```

```tsx
<Code>NODE_ENV</Code>
```

Its size is relative, so it sits a step under the text around it at any size. For a block of code, use [Code Block](https://constella.aayush.cv/docs/components/code-block/index.md).

## API Reference

| Prop     | Type                       | Default  |
| -------- | -------------------------- | -------- |
| `render` | `ReactElement \| function` | `<code>` |
| `sx`     | `Sx`, applied last         | -        |