Left Navigation

This navigation is not currently being included as a component by any apps and is waiting for some Ruby refactoring. So far, this just represents where we want to get to. The styles are still up to date though and can be used as reference.

= ui_component('navigation/left', properties: {as_below} )
{
  groups: [
    {
      items: [
        {
          name: "All",
          slug: "#"
        }
      ]
    },
    {
      title: "Collections",
      items: [
        {
          name: "Top places to stay",
          slug: "#"
        },
        {
          name: "Best things to do in Scotland",
          slug: "#"
        }
      ]
    }
  ]
}
= ui_component('navigation/left', properties: {as_below} )
{
  groups: [
    {
      title: "Collections",
      items: [
        {
          name: "Top places to stay",
          slug: "#",
          count: 20,
          active: true
        },
        {
          name: "Best things to do in Scotland",
          slug: "#",
          count: 150
        }
      ]
    }
  ]
}
= ui_component('navigation/left', properties: {as_below} )
{
  groups: [
    {
      title: "Topics",
      items: [
        {
          name: "Articles",
          slug: "#"
        },
        {
          name: "Collections",
          slug: "#"
        },
        {
          name: "Things to do",
          slug: "#"
        }
      ]
    }
  ]
}
= ui_component('navigation/left', properties: {as_below} )
{
  groups: [
    {
      title: "Nav with Icons",
      items: [
        {
          name: "Sights",
          slug: "#",
          icon: "sight"
        },
        {
          name: "Restaurants",
          slug: "#",
          icon: "restaurant",
          active: true
        },
        {
          name: "Tours",
          slug: "#",
          icon: "tour"
        }
      ]
    }
  ]
}