---
name: Content Highlight
menu: Patterns
parent: Modules
route: /patterns/content-highlight
---

# Content Highlight

Content highlight groups and distinguishes content, typically inside a panel – as used in FIT, Join and Bulb Account.

Below is an example of Content Highlight, shown inside a Panel alongside paragraph text and a primary button.

```specimen-react
<PageContainer width="standard">
  <Panel>
    <Vspace spacing="saturn">
      <p>Thanks for your application form. We've sent you an email to confirm we've received it.</p>

      <ContentHighlight>
        <Vspace>
          <Heading size="dolphin" level="h3">Content Highlight</Heading>
          <p>We will verify your application and get back to you if we have any questions. The verification process can take a couple of months.</p>

          <p>Once we have successfully verified your application, we will transfer the £140 Warm Home Discount credit to your account. You should receive the payment in late November.</p>
        </Vspace>
      </ContentHighlight>

      <CtaButton purpose="primary">
          Return to the Bulb Account
      </CtaButton>
    </Vspace>
  </Panel>
</PageContainer>
```
