Inline code

TS

import { … } from "@fungi.computer/caps/components/inline-code";

Identifiers

TSX

import { InlineCode } from "@fungi.computer/caps/components/inline-code";

export default function Identifiers() {
  return (
    <p className="max-w-sm">
      Pin the strain with <InlineCode>shiitake.LE-01</InlineCode> before
      inoculating a new log.
    </p>
  );
}

In a list

TSX

import { InlineCode } from "@fungi.computer/caps/components/inline-code";

const fields = ["species", "substrate", "humidity"];

export default function InAList() {
  return (
    <ul className="flex flex-wrap gap-2">
      {fields.map((field) => (
        <li key={field}>
          <InlineCode>{field}</InlineCode>
        </li>
      ))}
    </ul>
  );
}