# Related tags

A horizontal row of tag pills linking to tag/topic pages, with an optional heading. Only renders on article pages when the article has tags. Use at the end of article content.

## What it looks like

(Visual description estimated from code; showcase excluded.)

Rounded card (rounded-card bg-light) with horizontal layout: optional heading (h5, shrink-0, text-dark) and a flex-wrap list of tag links. Each tag: bordered pill (border-dark), hover border-orange and bg-orange, text h7 font-semibold. Section has `noBackground`. Component returns null when not on an article page or when article has no tags.

## Typography

- **Heading:** `h5` (label before tags).
- **Tag labels:** `h7 font-semibold text-dark` (hover: text-white).

## Colours

**How colours are applied:** Section uses `noBackground`. No `backgroundColour` or `textColour` in used fields. Container uses fixed `bg-light`; heading and tags use `text-dark`; hover uses `border-orange`, `bg-orange`, `text-white`.

## Used fields

| Field | Type | Effect when set | Effect when empty/removed |
|-------|------|-----------------|---------------------------|
| `heading` | Symbol | Label before tag pills (h5) | No heading; tags only |
| `anchor` | Symbol | HTML `id` for in-page linking | No anchor |
| `cmsLabel` | Symbol | Analytics location label | No visible effect |

## Behaviour

- **Context:** Reads `contentContext.pageContext.article`. If no article or article has no tags, component renders nothing (null).
- **Tags:** Tags come from `article.tags`; each tag has name, slug, href. Rendered as TrackedLink pills.
- **Section:** Section wrapper only when article and tags exist; content is full width.

## Impact of content changes

| Change | Result |
|--------|--------|
| Set heading | Label appears before tags |
| Article has no tags | Component does not render |
| Not on article page | Component does not render |

## Screenshots to capture

Recommended variants: default (heading + tags), no-heading. Note: component is showcaseExclude and context-dependent; screenshots may require article page.