# Person bio

A section that displays a person’s bio (rich text). Content comes from **person.bio** in the page context; the component only applies layout and optional background/text colour. Use on person/profile pages.

## What it looks like

(Visual description estimated from code; no screenshots available.)

A single content column (e.g. cols 3–10 on laptop) containing the person’s bio as rich text (p2, rtf-standard). The block can have a background and text colour via `backgroundColour` and `textColour`. If person or bio is missing, an error state is shown.

## Typography

- **Bio content:** Rich text with class `p2` and `rtf-standard`.

## Colours

**How colours are applied:** `backgroundColour` and `textColour` are applied to the **inner block** that wraps the bio from the palette. The section has no background.

**Valid `backgroundColour` values:** Bright Blue, Dark, Gray 1, Gray 2, Green, Inactive Gray, Light Blue, Light Orange, Light Purple, Light, Orange, Primary Blue, Purple, Secondary Blue, White, Yellow.

**Valid `textColour` values:** Bright Blue, Dark, Orange, Primary Blue, Purple, Secondary Blue, White.

## Used fields

| Field | Type | Effect when set | Effect when empty/removed |
|-------|------|-----------------|---------------------------|
| `cmsLabel` | Symbol | Internal label | No visible effect |
| `backgroundColour` | Symbol | Background of bio block | No background |
| `textColour` | Symbol | Text colour for bio block | Inherited |

**Data source:** The bio content comes from the person's bio in the page context, not from component fields. The component shows an error if `person` is missing or if `person.bio` is empty.

## Behaviour

- **Person context:** Requires the person in the page context with bio (rich text). No fallback.
- **Layout:** Centred column spanning most of the width on laptop; full width on smaller screens.
- **Section:** Uses `noBackground`.

## Impact of content changes

| Change | Result |
|--------|--------|
| Person has bio | Bio block renders with rich text |
| Person missing or no bio | Error indicator shown |
| Set backgroundColour / textColour | Bio block background and text colour update |

## Screenshots to capture

Recommended variants: default, dark-background. Note: component is `showcaseExclude: true`; screenshots require a person page with bio.