---
title: Example
description: Example description
---

# {{ $meta.title }} { .class ::heading :style="{ color: 'red' }" }

{{ $meta.description }}

This is a description
paragraph with Trailing syntax at the end 
{ :style="{ color: 'red' }" ::paragraph }

Code Block:

```js
const x = 1;
```

<!-- everythin after this is ignored -->

this is [inline]{ #id ::comp::props:: .class } component

this is :[   dynamic   ]{ ::dynamicComponent .class-1 } inline component with binded expression

this is only a :[ binded ] inline expression. it will act same as `{{ binded }}`.

this should be \\:[escaped]{ ::escapedComponent }

this should not be [compiled]


this should be rendered as [slot] { .clss-2 ::slot::props .class #id }


this is a simple line

[

    this is a blocked component
    with multiple lines

    [link](https://example.com)

    <!-- dummy comment. dummy []{ ::component } -->

    another paragraph with :[dynamic]{ ::dynamic-slot::{ id, username: { firstName, lastName } }:: } inline component
] { 
    .class
    ::container-component
    :style="{ color: 'red' }"
    #id 
    .class-1 
    .class-2 
}

asd