[to be deleted]

Once you are familiar with the available UI components of this template, exclude this page by changing nav_order: 99 to nav_exclude: true on top of this page (line 3). Its front matter will then look like this:

---
title: UI Components
nav_exclude: true
---

UI components

The Just the Docs documentation details more UI components.

For a quick reference of the markdown syntax, visit this page.

Images

![get_list_todos_sample](/fswd-app/assets/images/fswd-intro_02.png)

Callouts

This is an info callout.

This is a tip callout.

This is an attention callout.

This is a download callout.

Labels

[Default label]

[Green label]

[Red label]

Mermaid.js

graph TD;
    A-->B;
    A-->C;

Visit the Mermaid docs for a thorough description of the charting possibilities.