Prose

TS

import { … } from "@fungi.computer/caps/components/prose";

Article

TSX

import { Prose } from "@fungi.computer/caps/components/prose";

export default function Article() {
  return (
    <Prose className="max-w-sm">
      <h2>Fruiting conditions</h2>
      <p>
        Lion's mane fruits best around <code>85%</code> humidity with gentle
        fresh air exchange twice a day.
      </p>
      <ul>
        <li>Mist morning and evening</li>
        <li>Avoid direct sun</li>
      </ul>
    </Prose>
  );
}

Dropcap

TSX

import { Prose } from "@fungi.computer/caps/components/prose";

export default function Dropcap() {
  return (
    <Prose variant="dropcap" className="max-w-sm">
      <p>
        Somewhere under the oak bark, a thread of mycelium found water and
        began, slowly, to remember how to be a mushroom.
      </p>
    </Prose>
  );
}

Props

ProseProps

Prop	Type	Description
variant?	"default" | "dropcap"

• variant?"default" | "dropcap"

Full types: API reference.