Blocks - myst-theme documentation

Code Blocks¶

Basic Code Block¶

def hello_world():
    print("Hello, World!")
    return True

def hello_world():
    print("Hello, World!")
    return True

This is a caption for my code block!

Code Block with Line Numbers¶

1
2
3
def calculate_sum(a, b):
    result = a + b
    return result

Blockquotes¶

Basic blockquote for quoted text.

The best way to predict the future is to invent it.

Alan Kay

Cards¶

Card Title

Basic card with content.

Card 1

First card.

Card 2

Second card.

Grids¶

Column 1

Column 2

Column 3

Dropdowns¶

Tabs¶

Tab 1

Tab 2

Content for tab 1

Math¶

\int_{-\infty}^{\infty} e^{-x^2} dx = \sqrt{\pi}

(1)

Mermaid¶

IFrame¶

Here’s an iframe with a title

Topics¶

Regular content continues after the topic block.

Containers¶

You can add classes to a div using inline syntax:

This is a div with an inline class.

Or using the :class: option:

This is a div with a class specified via option.

Table of Contents¶

The {toc} directive generates a table of contents from headings that follow it on the page. The :depth: option controls how many heading levels to include.

With :depth: 1, only top-level headings are shown:

With :depth: 2, subheadings are also included:

With :context: section, only the section is included:

Glossary

Glossary¶

Term One: Definition of the first term in the glossary.
Term Two: Definition of the second term with more detail.
Term Three: Another term with its definition.