Best practices

  • Strive for short link names (four or fewer words) that match the destination web page title.
  • May be used as a connection point for web pages when another navigation connection is not available.
  • Handle: @hidden-navigation
  • Preview:
  • Filesystem Path: src/components/02-blocks/navigation/hidden-navigation/hidden-navigation.hbs
<div class="NavBlock Hidden Page123456">
    <h2>Hidden links</h2>
    <ul>
        <li>
            <a href="#">Lorem ipsum dolor</a>
        </li>
        <li>
            <a href="#">Lorem ipsum dolor</a>
        </li>
        <li>
            <a href="#">Lorem ipsum dolor</a>
        </li>
    </ul>
</div>
<div class="NavBlock Hidden Page{{PageID}}">
    <h2>Hidden links</h2>
    <ul>
        {{#each NewLink}}
            <li>
                <a href="{{URL}}">{{Label}}</a>
            </li>
        {{/each}}
    </ul>
</div>
{
  "NewLink": [
    {
      "URL": "#",
      "Label": "Lorem ipsum dolor"
    },
    {
      "URL": "#",
      "Label": "Lorem ipsum dolor"
    },
    {
      "URL": "#",
      "Label": "Lorem ipsum dolor"
    }
  ],
  "PageGUID": null,
  "PageID": "123456"
}