Dashboard tabs

Markdown tiles can also be used to create tabs in dashboards, allowing users to jump from one dashboard to another in internal or embedded scenarios. The links can be exact, or relative references (e.g. /dashboards/<dashboard-id>) and are contained in the href field of an <a> tag as seen below.

Example code

<div style="display: flex; flex-direction: row; justify-content: center; width: 100%;">
  <div style="background-color: transparent; padding: 20px; display: flex; justify-content: center; align-items: center; width: 48%; border: 1.5px solid #ddd; border-bottom: none; border-radius: 4px 4px 0 0;">
    <a href="https://www.google.com" style="display: block; width: 100%; text-align: center; text-decoration: none; color: inherit;">
      <h3>Dash One</h3>
    </a>
  </div>

  <div style="background-color: #f5f5f5; color: #666; padding: 20px; display: flex; justify-content: center; align-items: center; width: 48%;">
    <a href="https://www.google.com" style="display: block; width: 100%; text-align: center; text-decoration: none; color: inherit;">
      <h4 style="font-weight: 400;">Dash Two</h4>
    </a>
  </div>
</div>