---
# Sidenav top-level section
# should be the same for all markdown files for each extension
section: extensions
# Sidenav secondary level section
# should be the same for all markdown files for each extension
id: My extension
# Tab (react | react-demos | html | html-demos | design-guidelines | accessibility)
source: design-guidelines
# Optional custom text to display in tab in place of source
tabName: My custom tab-name
---

Design guidelines intro

## Header

### Sub-header

Referencing an image:

<img src="./img/card-elements.png" alt="Elements of a card" width="370"/>

1. A
1. list
1. using
1. markdown