markdown_extensions.md

Markdown Extensions

Component Directives

• Component Directive: A code block that defines a custom component.
• Info String: Starts with a $COMPONENT-NAME, which is @ followed by an $IDENTIFIER (e.g., @component-name).
• Front Matter: Enclosed within --- delimiters, specifies component attributes.
• Nesting: Use more backticks for the parent block than the child, respecting CommonMark.
• Content: Valid markdown, which may nest component directives.

Examples

Single Component

```@component-name
---
key: value
---
# Your markdown content here
```

Nested Components

````@parent-component
---
parent-key: parent-value
---
# Parent content
```@child-component
---
child-key: child-value
---
# Child content
```
````