Code

Inline code component for simple text highlighting.

This is a paragraph with inline code right inside it.

Installation

1. Copy the React component into your project:

tsx
import { type JSX } from "react";

export function Code({
  children,
  className,
}: {
  children: React.ReactNode;
  className?: string;
}): JSX.Element {
  return <code className={className}>{children}</code>;
}

Usage

tsx
import { Code } from '@/components/ui/code';

export default function MyComponent() {
  return (
    <p>
      Use the <Code>Code</Code> component for short code snippets.
    </p>
  );
}