> ## Documentation Index
> Fetch the complete documentation index at: https://docs.autype.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Markup Reference

> Complete reference for Autype's extended Markdown syntax — standard Markdown plus powerful extensions for professional documents.

Autype uses **standard Markdown** as its foundation and extends it with optional attributes for styling, layout, and professional document features. Everything you know from Markdown works as-is — extended properties are purely additive.

## How it works

Autype supports three syntax layers:

1. **Standard Markdown** — headings, paragraphs, bold, italic, links, lists, tables, code blocks, images, math
2. **Extended attributes** — add `{key=value}` after elements to control styling, alignment, size, and rendering
3. **Directives** — use `:::directive{attrs}` blocks or `::directive{attrs}` one-liners for charts, QR codes, tables with styling, page sections, indices, and bibliography

### Extended attribute syntax

Append `{key=value}` after an element to customize it:

```markdown theme={null}
![Logo](logo.png){width=200 align=center}
```

Values can be strings (`"value"`), numbers (`400`), or booleans (`true`/`false`).

### Directive syntax

**Block directives** wrap content between `:::` markers:

```markdown theme={null}
:::chart{type="bar" title="Sales"}
labels: Q1, Q2, Q3, Q4
dataset: Revenue | 100, 150, 200, 175 | #3b82f6
:::
```

**Inline directives** are single-line with `::`:

```markdown theme={null}
::toc{title="Table of Contents" maxLevel=3}
```

## Element reference

<CardGroup cols={2}>
  <Card title="Headings & Paragraphs" icon="heading" href="/markup-reference/headings-paragraphs">
    h1–h6, paragraph styles, text2 variant, HTML syntax for styling.
  </Card>

  <Card title="Inline Formatting" icon="bold" href="/markup-reference/inline-formatting">
    Bold, italic, underline, strikethrough, highlight, inline code, links, line breaks.
  </Card>

  <Card title="Lists" icon="list" href="/markup-reference/lists">
    Ordered, unordered, nested lists with inline formatting.
  </Card>

  <Card title="Block Quotes" icon="quote" href="/markup-reference/blockquotes">
    Styled block quotes with borders, backgrounds, alignment, and typography.
  </Card>

  <Card title="Tables" icon="table" href="/markup-reference/tables">
    Standard and styled tables with 16+ attributes, images in cells.
  </Card>

  <Card title="Images" icon="image" href="/markup-reference/images">
    Inline and directive syntax, sizing, alignment, captions, anchors.
  </Card>

  <Card title="Code Blocks" icon="code" href="/markup-reference/code-blocks">
    Syntax highlighting, render-as-image, background color, alignment.
  </Card>

  <Card title="Math (LaTeX)" icon="radical" href="/markup-reference/math">
    Block math equations, alignment, render-as-image.
  </Card>

  <Card title="Charts" icon="bar-chart-3" href="/markup-reference/charts">
    8 chart types — bar, line, pie, doughnut, radar, polar, scatter, bubble.
  </Card>

  <Card title="QR Codes" icon="qr-code" href="/markup-reference/qr-codes">
    URL, WiFi, and vCard QR codes with size and error correction.
  </Card>

  <Card title="Citations & Bibliography" icon="book-open" href="/markup-reference/citations">
    Inline citations with page/chapter locators, bibliography generation.
  </Card>

  <Card title="References & Anchors" icon="link" href="/markup-reference/references">
    Cross-references to headings, figures, and charts with auto-numbering.
  </Card>

  <Card title="Abbreviations" icon="whole-word" href="/markup-reference/abbreviations">
    Define and reference abbreviations with automatic list generation.
  </Card>

  <Card title="Variables" icon="braces" href="/markup-reference/variables">
    Inline and block variables, built-in variables, date formatting.
  </Card>

  <Card title="Page Layout" icon="file" href="/markup-reference/page-layout">
    Page sections, columns layout, spacers, page breaks, orientation changes.
  </Card>

  <Card title="Automatic Indices" icon="list-ordered" href="/markup-reference/indices">
    Table of contents, list of figures, list of tables, list of abbreviations.
  </Card>
</CardGroup>

<Tip>
  Looking for a compact overview of all syntax? See the [Syntax Cheatsheet](/getting-started/concepts/syntax-cheatsheet).
</Tip>
