shadimage
starseam
uicode-tagsource: ok · hit

Code tag

A mono identifier — a stack item, a version, a CVE.

npx shadcn add "https://starseam.astroicers.link/r/code-tag.json"
free

Visual style

terminal-mono

Tags auto-generated by rules on 9/24/2026 — empty means no evidence, not lack of support.

Dependencies

Bundle weight · light

Registry dependencies

https://starseam.astroicers.link/r/theme.json

Files1 · source cached 10/9/2026, 11:10:36 PM

registry/starseam/ui/code-tag.tsx
import * as React from "react";
import { cn } from "@/lib/utils";

/**
 * A mono identifier — a stack item, a version, a CVE. Quiet by default; it is
 * a fact, not a badge, so it carries no colour. DECISIONS 01.
 */
function CodeTag({ className, ...props }: React.ComponentProps<"code">) {
  return (
    <code
      data-slot="code-tag"
      className={cn(
        "inline-block border border-[var(--ss-seam)] rounded-[var(--ss-radius)]",
        "bg-[var(--ss-plate-1)] px-[7px] py-[2px]",
        "font-[family-name:var(--ss-mono)] text-[12px] tracking-[0.04em]",
        "text-[var(--ss-text-2)]",
        className
      )}
      {...props}
    />
  );
}

export { CodeTag };

More from starseam

Browse all components in this library →