Secondary Navigation
This navigation is a component mostly because it's responsive. There is nothing else to it. It toggles to a select on small screens.
= ui_component('navigation/secondary', properties:
{as_below}
)
{
items: [
{
title: "Overview",
slug: "argentina"
},
{
title: "Things to do",
slug: "things-to-do",
submenu: [
{
title: "Sights",
slug: "#sights",
icon_class: "icon--sight--before"
},
{
title: "Restaurants",
slug: "#restaurants",
icon_class: "icon--restaurant--before"
},
{
title: "Shopping",
slug: "#shopping",
icon_class: "icon--shopping--before"
},
{
title: "Entertainment",
slug: "#entertainment",
icon_class: "icon--entertainment--before"
},
{
title: "Activities",
slug: "#activities",
icon_class: "icon--activity--before"
},
{
title: "Tours",
slug: "#tours",
icon_class: "icon--tour--before"
},
{
title: "Events",
slug: "#events",
icon_class: "icon--event--before"
}
]
},
{
title: "Hotels",
slug: "hotels",
current: true
},
{
title: "Tips & articles",
slug: "travel-tips-and-articles"
},
{
title: "Images & video",
slug: "images-and-video"
}
]
}