Components

Release tag

A torn calendar page for what just shipped: a stacked title, one accent strip and a ruled list of versions.

import { … } from "@fungi.computer/caps/blocks/release-tag";

Hero

import { ReleaseTag } from "@fungi.computer/caps/blocks/release-tag";

export default function Hero() {
  return (
    <ReleaseTag
      title={["Fungi", "Fall harvest"]}
      label="Update"
      entries={[
        { name: "Spore ID", version: "2.4.0" },
        { name: "Market", version: "1.9.1" },
        { name: "Forage log", version: "3.0.0" },
      ]}
    />
  );
}

Single line

import { ReleaseTag } from "@fungi.computer/caps/blocks/release-tag";

export default function SingleLine() {
  return (
    <ReleaseTag
      title={["Caps"]}
      entries={[{ name: "Theme engine", version: "0.8.2" }]}
    />
  );
}

Props

ReleaseTagProps

Prop	Type	Description
`title`	`readonly string[]`	One or two short lines printed large on the tag, such as ["Fungi", "Beta"].
`label?`	`ReactNode`	A small accent strip under the title, such as "Update".
`entries`	`readonly ReleaseTagEntry[]`

titlereadonly string[]
One or two short lines printed large on the tag, such as ["Fungi", "Beta"].
label?ReactNode
A small accent strip under the title, such as "Update".
entriesreadonly ReleaseTagEntry[]

Full types: API reference.