Emphasis Examples

This document demonstrates various emphasis methods available in MDX.

Subscript

Use <sub> tags for subscript text, commonly used for chemical formulas or mathematical notation.

Example: H₂O (water) or E=mc₂

H<sub>2</sub>O
E=mc<sub>2</sub>

Superscript

Use <sup> tags for superscript text, commonly used for footnotes, exponents, or ordinal numbers.

Example: 2¹⁰ = 1024 or 1^st, 2^nd, 3^rd

2<sup>10</sup> = 1024
1<sup>st</sup>, 2<sup>nd</sup>, 3<sup>rd</sup>

Keyboard Keys

Use <kbd> tags to display keyboard shortcuts or keys.

Example: Press ⌘ + K to open the command palette, or Ctrl + C to copy.

<kbd>⌘</kbd> + <kbd>K</kbd>
<kbd>Ctrl</kbd> + <kbd>C</kbd>

Callouts (using Blockquotes)

Blockquotes are styled with muted colors and can be used for callouts, notes, or important information.

This is a callout or note. Blockquotes are perfect for highlighting important information, quotes, or warnings.

> This is a callout or note. Blockquotes are perfect for highlighting important information, quotes, or warnings.

You can also use blockquotes for multiple paragraphs:

This is the first paragraph of a callout.

This is the second paragraph, continuing the callout.

Highlight

For highlighting text, you can use the data-highlight attribute (if you create a custom component) or simply use bold for emphasis.

Example: This is highlighted text using bold, or you can use inline code for technical terms like highlighted code.

**highlighted text**
`highlighted code`

Alerts (using Blockquotes)

Blockquotes can also serve as alerts. You can combine them with other formatting:

⚠️ Warning: This is an alert message using a blockquote with bold text.

✅ Success: This is a success message.

ℹ️ Info: This is an informational message.

> ⚠️ **Warning:** This is an alert message using a blockquote with bold text.
> ✅ **Success:** This is a success message.
> ℹ️ **Info:** This is an informational message.

Tables

Tables are supported via GitHub Flavored Markdown. Use pipes to separate columns.

| Feature     | Status       | Notes            |
| ----------- | ------------ | ---------------- |
| Subscript   | ✅ Available | Use `<sub>` tags |
| Superscript | ✅ Available | Use `<sup>` tags |

You can also align columns:

| Left Aligned | Center Aligned | Right Aligned |
| :----------- | :------------: | ------------: |
| Left         |     Center     |         Right |

Footnotes

Footnotes allow you to add references and citations. Use [^1] syntax and define the footnote at the bottom.

This is a sentence with a footnote¹. You can also have multiple footnotes² in the same document.

This is a sentence with a footnote[^1].
 
[^1]: This is the first footnote definition.

Combining Methods

You can combine multiple emphasis methods:

• Bold text with keyboard shortcuts
• Italic with _subscript and ^superscript
• Tables with bold and code formatting
• Blockquotes with bold, italic, and keys

This is a callout with italic text, keyboard keys, and a footnote³.