---
title: Markrust Example
author: Markrust Team
date: 2023-09-15
---
# Markrust Demo
This is a demonstration of Markrust's features and components.
## Text Formatting
You can use standard Markdown formatting like **bold**, *italic*, and ~~strikethrough~~.
## Code Blocks
```rust
fn main() {
println!("Hello, world!");
}
```
## Components
### Alert Component
::alert{type="info"}
This is an informational alert.
::
::alert{type="warning"}
This is a warning alert.
::
::alert{type="error"}
This is an error alert.
::
::alert{type="success"}
This is a success alert.
::
### Tabs Component
::tabs
:::tab{label="Overview"}
This is the overview tab content.
- Point 1
- Point 2
- Point 3
:::
:::tab{label="Installation"}
Installation Steps:
1. Download the package
2. Extract the contents
3. Run the installer
:::
:::tab{label="Usage"}
```toml
[settings]
debug = true
log_level = "info"
port = 3000
```
:::
::
### Details Component
::details{summary="Click to expand"}
This content is initially hidden and can be expanded by the user.
#### Additional Information
Here's some additional information that can be revealed.
```rust
fn main() {
println!("Hello, world!");
}
```
::
### Card Component
::card{title="Feature Highlight"}
This card highlights a key feature of the project.
- Fast rendering
- Custom components
- Beautiful themes
::
### Timeline Component
::timeline
:::timeline-item{date="January 2023" title="Project Started"}
Initial development of the project began.
:::
:::timeline-item{date="March 2023" title="Beta Release"}
First beta version released to testers.
:::
:::timeline-item{date="June 2023" title="Version 1.0"}
First stable release with all core features.
:::
::
### Callout Component
::callout{title="Important Note" variant="info"}
This is an important note about the functionality.
::
### Grid Component
::grid{columns=3 gap="1rem"}
:::grid-item
#### Feature 1
Description of feature 1.
:::
:::grid-item
#### Feature 2
Description of feature 2.
:::
:::grid-item
#### Feature 3
Description of feature 3.
:::
::
## Links and Images
[Visit Markrust GitHub](https://github.com/markrust/markrust)

## Tables
| id | integer | Unique identifier |
| name | string | Display name |
| active | boolean | Whether item is active |
## Lists
Ordered list:
1. First item
2. Second item
3. Third item
Unordered list:
- Apple
- Banana
- Cherry