`MENU`

링크 메뉴를 설정할 수 있어요.
최대 3단계까지 중첩된 구조를 지원해요.
네비게이션 메뉴, 푸터 메뉴, 사이트맵처럼 구조화된 링크 목록을 만들 때 적합해요.

html

<template>
  {{#each property.menus}}
    <a href="{{link.value}}">{{name}}</a>
    {{#each childMenus}}
      <a href="{{link.value}}">- {{name}}</a>
      {{#each childMenus}}
        <a href="{{link.value}}">-- {{name}}</a>
      {{/each}}
    {{/each}}
  {{/each}}
</template>

jsx

"menus": [
  {
    "id": "1",                          // 메뉴 ID
    "name": "링크",                      // 메뉴 이름
    "link": {
      "id": null,
      "type": "url",
      "label": "라벨",
      "value": "https://example.org"
    },
    "shouldOpenInNewTab": false,        // 새 탭에서 열기 여부
    "childMenus": [...]                 // 하위 메뉴 (3단계까지 중첩 가능)
  }
]

MENU ​

`MENU`