InlineCode

typography

Inline code snippets for technical text

Code references, commands, and technical terms in prose

import { InlineCode } from "@everydayos/ui";

Usage

Inline code for terminal commands

Install the package with npm install @everydayos/ui and import components.

API

PropTypeDefault
classNamestring
children*React.ReactNode

Examples

Technical Terms

Code references in documentation

The Button component accepts a variant prop.

Use variant="outline" for secondary actions.

Composition

Pairs well with

Text
Stack

When to avoid

  • Need multi-line code block — use a code block component instead
  • Need emphasis — use Highlight instead