{hasKids ? toggle(slug)} disabled={!!matching} aria-label={open ? "Collapse" : "Expand"} className="w-5 h-5 flex items-center justify-center text-zinc-500 dark:text-white/50 hover:text-zinc-900 dark:hover:text-white disabled:opacity-50 disabled:cursor-default">
{open ? "▾" : "▸"}
:
{n.title}
copy(slug)} title={copied === slug ? "Copied!" : "Click to copy slug"} aria-label={`Copy slug ${slug}`} className="text-[11px] px-1.5 py-0.5 rounded bg-zinc-950/5 dark:bg-white/10 text-zinc-700 dark:text-white/80 font-mono whitespace-nowrap cursor-pointer hover:bg-zinc-950/10 dark:hover:bg-white/20 active:bg-zinc-950/15 dark:active:bg-white/25 transition-colors">
{copied === slug ? "copied!" : slug}
{hasKids && open &&
{n.children.map(c => renderNode(c, depth + 1))}
}
;
};
const total = Object.keys(nodes).length;
return
{total.toLocaleString()} categories
{matching && <>
{" · "}
{matching.size.toLocaleString()} matching
}
{roots.map(slug => renderNode(slug, 0))}
;
};
Every Channel3 category has a stable URL-friendly **slug** (for example `sofas`, `running-shoes`). Pass a slug to filter or look up categories anywhere a category identifier is accepted.
Search the full tree below, or hit `GET /v1/categories/search` to do the same from your code.