> ## Documentation Index
> Fetch the complete documentation index at: https://docs.uplifthub.io/llms.txt
> Use this file to discover all available pages before exploring further.

# Campaign extras

> Brief details, paused/archived states, and other campaign-level controls.

export const Pill = ({tone = "live", children}) => <span style={{
  display: "inline-flex",
  alignItems: "center",
  gap: 6,
  height: 22,
  padding: "0 8px",
  borderRadius: 1000,
  fontSize: 12,
  fontWeight: 500,
  letterSpacing: "-0.005em",
  background: ({
    live: "#ebf7ed",
    ready: "#eef1fb",
    draft: "#f7f8f8",
    paused: "#faeaea",
    archived: "#f7f8f8"
  })[tone],
  color: ({
    live: "#267d36",
    ready: "#2743a6",
    draft: "#4f575e",
    paused: "#c92a2a",
    archived: "#4f575e"
  })[tone],
  border: tone === "draft" || tone === "archived" ? "1px solid #dee2e6" : "none"
}}>
    <span style={{
  width: 8,
  height: 8,
  borderRadius: "50%",
  background: tone === "draft" ? "transparent" : "currentColor",
  border: tone === "draft" ? "1.5px solid #6a7178" : "none"
}} />
    {children}
  </span>;

export const Ui = ({children}) => <span style={{
  display: "inline-flex",
  alignItems: "center",
  padding: "1px 6px",
  background: "#f7f8f8",
  border: "1px solid #e9ecef",
  borderRadius: 4,
  fontSize: "0.92em",
  fontWeight: 500,
  color: "#101213"
}}>
    {children}
  </span>;

Add additional campaign details on the campaign's <Ui>Brief</Ui> tab — including
<Ui>Target audience</Ui>, <Ui>Partner focus</Ui> and <Ui>Partner KPIs</Ui>.

You can also set a campaign to <Pill tone="paused">Paused</Pill> or
<Pill tone="archived">Archived</Pill> at any time. Both states automatically
suspend delivery of any on-site digital activity.