Documentation
---
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)

![Rust Logo](https://www.rust-lang.org/logos/rust-logo-256x256.png)

## Tables

| Name     | Type    | Description                 |
|----------|---------|----------------------------|
| 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