1. Collections Component Guide
  2. Taxon list
  3. With custom heading level
Taxon list example

With custom heading level

Sometimes the component will be included beneath an h1, at other times beneath an h2. Allow the heading level to be customised.

How it looks (preview)

  1. Adult Dependants' Grant

    Adult Dependants' Grant for full-time students who financially support an adult - funding, how to apply, eligibility

  2. Care to Learn

    Care to Learn helps pay for childcare while you're studying - how to apply, money you get, courses that qualify, eligibility

  3. Childcare Grant

    Childcare Grants for full-time students in higher education - grants, CCG1, CCG2 forms, how to apply, eligibility

How to call this example

<%= render "components/taxon-list", {
  heading_level: 3,
  items: [
    {
      text: "Adult Dependants' Grant",
      path: "/adult-dependants-grant",
      description: "Adult Dependants' Grant for full-time students who financially support an adult - funding, how to apply, eligibility"
    },
    {
      text: "Care to Learn",
      path: "/care-to-learn",
      description: "Care to Learn helps pay for childcare while you're studying - how to apply, money you get, courses that qualify, eligibility"
    },
    {
      text: "Childcare Grant",
      path: "/childcare-grant",
      description: "Childcare Grants for full-time students in higher education - grants, CCG1, CCG2 forms, how to apply, eligibility"
    }
  ]
} %>