Markdown

A complete, step-by-step specification of the Applin Markdown language.


1. Introduction

Applin Markdown is a lightweight syntax designed specifically for building UI elements inside the Applin platform.
It extends standard Markdown with custom components such as sliders, checkboxes, inputs, buttons, uploaders, and more.

This document teaches all Applin Markdown syntax in an ordered, simple, and complete way.


2. Headings

Applin Markdown supports 6 heading levels.

Left-aligned headings

# Heading 1
## Heading 2
### Heading 3
#### Heading 4
##### Heading 5
###### Heading 6

Centered headings

Use = prefix:

=> Heading 1
==> Heading 2
===> Heading 3
====> Heading 4
=====> Heading 5
======> Heading 6

3. Paragraphs

Default paragraph:

This is a normal paragraph.

Centered paragraph:

-> This is a centered paragraph.

4. Text Formatting

Bold

**bold**
__bold__

Italic

*italic*
_italic_

Bold + Italic

***bold italic***
___bold italic___

5. Links

[Link Text](https://example.com)

6. Images

![Alt text](image_url)

7. Videos

Syntax uses @![...]:

@[Video Title](video_url)

8. Horizontal Line

---

9. Lists

Simple bullet list:

- Item 1
+ Item 2

10. Quotes & Highlight Boxes

Quote (with optional settings)

Format:

> text : backgroundColor : textColor : radius

Examples:

> Hello world
> Warning message : yellow : black : 20

11. DropDown (Expandable Section)

>> Title: Content text goes here...

12. Sliders (Image Carousel)

=[ img1.jpg, img2.jpg, img3.jpg

13. Buttons

Syntax:

[ Button Text : Color : TextColor : Radius 

Examples:

[ Login
[ Send : Secondary
[ Pay Now : Success : white : 20

14. Upload Button

[... Upload Files : light : primary : 12

15. Input Fields

Format:

[_ Label : Type

Examples:

[_ Name : Text
[_ Email : Email
[_ Password : Password

16. Checkboxes

[+] Option enabled
[-] Option disabled

17. Switch

(+) Wi-Fi
(-) Bluetooth

18. Radio Buttons

Multiple options:

(= Option 1, Option 2, Option 3

19. Progress Bars

Determinate:

[- 70

Indeterminate:

[- none

20. Loading Animation

(- 40

Or:

(- none

21. Web Embed

://https://example.com : height : radius

Example:

://https://applin.ir : 600 : 12

22. List Item with Icon

@ Item text : iconName : color

Example:

@ Google Drive : bi bi-cloud : secondary

23. Code Blocks

Triple backticks:

` ` `
Your codes
` ` `