TACC UI Pattern Library

S Cms Nav

No notes defined.

<!-- WARNING: Has Bootstrap class names (don't mimic unless using Bootstrap) -->
<ul class="s-cms-nav  navbar-nav  mr-auto">
  <li class="nav-item dropdown">
    <button
      class="nav-link dropdown-toggle"
      data-toggle="dropdown"
      aria-haspopup="true"
      aria-expanded="false"
      aria-controls="nav-menu-0-1"
      id="nav-link-0-1"
    >
      Guides
      <span class="sr-only">(Toggle Dropdown)</span>
    </button>
    <nav
      class="dropdown-menu"
      role="menu"
      id="nav-menu-0-1"
      aria-labelledby="nav-link-0-1"
    >
      <a
        class="dropdown-item"
        href="#"
        aria-label="Opens in new window.">
          Getting Started
      </a>
      <a
        class="dropdown-item"
        href="#"
        aria-label="Opens in new window."
      >
        Portal Access
      </a>
      <a
        class="dropdown-item"
        href="#"
        aria-label="Opens in new window.">
        User Guide
      </a>
    </nav>
  </li>

  <li class="nav-item dropdown">
    <button
      class="nav-link"
      id="nav-link-0-2"
    >
      About
    </button>
    <button
      type="button"
      class="nav-link dropdown-toggle dropdown-toggle-split"
      data-toggle="dropdown"
      aria-haspopup="true"
      aria-expanded="false"
      aria-controls="nav-menu-0-2"
    >
      <span class="sr-only">(Toggle Dropdown)</span>
    </button>
    <nav
      class="dropdown-menu"
      role="menu"
      id="nav-menu-0-2"
      aria-labelledby="nav-link-0-2"
    >
      <a
        class="dropdown-item"
        href="#"
      >
        Portal Technology Stack
      </a>
      <a
        class="dropdown-item"
        href="#"
      >
        Portals List
      </a>
    </nav>
  </li>

  <li class="nav-item">
    <a
      class="nav-link"
      href="#"
    >
      ML Workbench
    </a>
  </li>

  <li class="nav-item">
    <a
      class="nav-link"
      href="#"
    >
      AI Sandbox
    </a>
  </li>
</ul>
 
{
  "shouldSkipPattern": true,
  "bootstrap4Styles": [
    {
      "isInternal": true,
      "layer": "foundation",
      "path": "/assets/core-styles.bootstrap4.css"
    }
  ],
  "bootstrap5Styles": [
    {
      "isInternal": true,
      "layer": "foundation",
      "path": "/assets/core-styles.bootstrap5.css"
    }
  ],
  "globalStyles": [
    {
      "isInternal": true,
      "layer": "base",
      "path": "/assets/core-styles.demo.css"
    },
    {
      "isInternal": true,
      "layer": "base",
      "path": "/assets/core-styles.base.css"
    }
  ],
  "cmsStyles": [
    {
      "isInternal": true,
      "layer": "base",
      "path": "/assets/core-styles.cms.css"
    }
  ],
  "docsStyles": [
    {
      "isInternal": true,
      "layer": "base",
      "path": "/assets/core-styles.docs.css"
    }
  ],
  "portalStyles": [
    {
      "isInternal": true,
      "layer": "base",
      "path": "/assets/core-styles.portal.css"
    }
  ],
  "subdir": "trumps"
}