JSFiddle - React, Tailwind, and code Playground
by Bart Kalisz
JavaScript
const menu = [
{
title: "Africa",
image: "",
url: "/africa",
featured: false,
parent: "menu_link_content:d2a276be-9297-4ae6-89b1-61f5a1fcf4d7",
uuid: "430b86a4-12f0-4a3e-a826-48bd463f0566",
weight: "-50"
},
{
title: "Video",
image: "",
url: "/video",
featured: false,
parent: "main",
uuid: "ffb4b705-d896-4e2a-b72a-a42011329fc3",
weight: "-49"
},
{
title: "Antartica",
image: "",
url: "/antarctica-1007062",
featured: false,
parent: "menu_link_content:d2a276be-9297-4ae6-89b1-61f5a1fcf4d7",
uuid: "65c875d2-b94c-48ae-9668-35562ddf9f70",
weight: "-49"
},
{
title: "Asia",
image: "",
url: "/asia",
featured: false,
parent: "menu_link_content:d2a276be-9297-4ae6-89b1-61f5a1fcf4d7",
uuid: "b30388c5-3512-4f85-80fc-18765c65febf",
weight: "-48"
},
{
title: "Destinations",
image: "",
url: "/destinations",
featured: false,
parent: "main",
uuid: "d2a276be-9297-4ae6-89b1-61f5a1fcf4d7",
weight: "-48"
},
{
title: "Australia & Pacific",
image: "",
url: "/pacific",
featured: false,
parent: "menu_link_content:d2a276be-9297-4ae6-89b1-61f5a1fcf4d7",
uuid: "fb713eb7-da23-4d66-a6a4-e4597313ce62",
weight: "-47"
},
{
title: "Bookings",
image: "",
url: "/bookings",
featured: false,
parent: "main",
uuid: "2290205d-21d4-42be-b456-6b93fcf57905",
weight: "-47"
},
{
title: "Shop",
image: "",
url: "https://shop.lonelyplanet.com",
featured: false,
parent: "main",
uuid: "1e871c20-8849-4380-a6a2-89d524932ee5",
weight: "-46"
},
{
title: "Best in Travel",
image: "/sites/default/files/2019-03/BIT-nav-image.jpg",
url: "/best-in-travel",
featured: true,
parent: "menu_link_content:d2a276be-9297-4ae6-89b1-61f5a1fcf4d7",
uuid: "46fd9812-2055-4280-8a74-a2ef4d1c5204",
weight: "-46"
},
{
title: "Carribean",
image:...