1. Government Frontend Component Guide
  2. Contents list
  3. Right to left with nested contents lists
Contents list example

Right to left with nested contents lists

How it looks

How to call this example

<%= render "govuk_publishing_components/components/contents_list", {
  contents: [
    {
      href: "#section",
      text: "هل يمكنك تقديم"
    },
    {
      href: "#section-1",
      text: "أعد مستند"
    },
    {
      href: "#section-2",
      text: "تقديم الطلب",
      items: [
        {
          href: "#section",
          text: "هل يمكنك تقديم"
        },
        {
          href: "#section-1",
          text: "أعد مستند"
        },
        {
          href: "#section-2",
          text: "تقديم الطلب"
        }
      ]
    }
  ]
} %>