JSFiddle - React, Tailwind, and code Playground
by Paz Muñoz
HTML
<ul id="mainMenu">
</ul>
JavaScript
var obj =
{
"items":[
{
"label":"Work",
"url":"#/work",
"items":[
]
},
{
"label":"About",
"url":"#/about",
"items":[
{
"label":"What we do",
"url":"#/about/what-we-do"
},
{
"label":"How we work",
"url":"#/about/how-we-work"
},
{
"label":"Leadership",
"url":"#/about/leadership"
}
]
},
{
"label":"Careers",
"url":"#/careers",
"items":[
{
"label":"Client Services",
"url":"#/careers/client-services"
},
{
"label":"Creative",
"url":"#/careers/creative"
},
{
"label":"Motion & Media",
"url":"#/careers/motion-and-media"
},
{
"label":"Operations",
"url":"#/careers/operations"
},
{
"label":"People",
"url":"#/careers/people"
},
{
"label":"Strategy",
"url":"#/careers/strategy"
},
{
"label":"Technology",
"url":"#/careers/technology"
},
{
"label":"UX & Product Design",
"url":"#/careers/ux-and-product-design"
}
]
},
{
"label":"Ideas",
"url":"#/ideas",
"items":[
{
"label":"Reports",
"url":"#/ideas/reports"
},
{
"label":"Perspectives",
"url":"#/ideas/perspectives"
},
{
"label":"Books",
"url":"#/ideas/books"
},
{
...