Main Heading#
Welcome to the Maudit Custom Components showcase! This example demonstrates all the available markdown components with custom styling.
Text Formatting#
Here's some bold text and italic text and inline code. You can also use strikethrough text for corrections.
Let's also test a hard break here: This line comes after a hard break.
Links and Images#
Here are different types of links:
Lists#
Unordered List#
- First item
- Second item with bold text
- Third item with italic text
- Fourth item with
inline code
Ordered List#
- First numbered item
- Second numbered item
- Third numbered item with an external link
Task List#
- Completed task
- Incomplete task
- Another completed task
- Another incomplete task
Blockquotes#
Here's a regular blockquote:
This is a regular blockquote with some text that spans multiple lines and contains bold and italic text.
And here are GitHub-style blockquotes:
NOTE
This is a note blockquote with important information.
TIP
This is a tip blockquote with helpful advice.
IMPORTANT
This is an important blockquote that you should pay attention to.
WARNING
This is a warning blockquote about potential issues.
CAUTION
This is a caution blockquote about dangerous operations.
Code Blocks#
Here's some inline code and here's a code block:
fn main() {
println!("Hello, world!");
let numbers = vec![1, 2, 3, 4, 5];
for number in numbers {
println!("Number: {}", number);
}
}
In Maudit 0.3.0, code blocks do not unfortunately allow for custom components yet.
Tables#
| Header 1 | Header 2 | Header 3 |
|---|---|---|
| Left aligned | Center aligned | Right aligned |
| Data 1 | Data 2 | Data 3 |
| More data | Bold data | Italic data |
Code data |
Link data |
Horizontal Rule#
The line above is a horizontal rule that separates sections.
Nested Elements#
Here's a complex example with nested formatting:
- First item with italic and
code - Second item with an external link and
strikethrough- Nested unordered item
- Another nested item with bold text
- Third item with an image:
Complex Blockquote#
This blockquote contains a list with:
- Bold text
- Italic text
Inline code- A link
All Together#
This section combines all the components in one paragraph to show how they work together with links and hard breaks:
New line after break!
TIP
You can combine all these components to create rich, interactive markdown content with custom styling!