Heading

Show example code

h1. Heading 1

h2. Heading 2

h3. Heading 3

h4. Heading 4

h5. Heading 5

h6. Heading 6

h1. Heading 1

h2. Heading 2

h3. Heading 3

h4. Heading 4

h5. Heading 5

h6. Heading 6

                                
                                    {{ str_replace('>', 'HTMLCloseTag', str_replace('<', 'HTMLOpenTag', '
                                        
                                            h1. Heading 1
                                            h2. Heading 2
                                            h3. Heading 3
                                            h4. Heading 4
                                            h5. Heading 5
                                            h6. Heading 6
                                        
                                        
                                            h1. Heading 1
                                            h2. Heading 2
                                            h3. Heading 3
                                            h4. Heading 4
                                            h5. Heading 5
                                            h6. Heading 6
                                        
                                    ')) }}

Text Settings

Show example code

Example text

Example medium text

Example semibold text

Example bolder text

Example boldest text

Example uppercase text

Example lowercase text

Example capitalized text

Example cursive text

                                
                                    {{ str_replace('>', 'HTMLCloseTag', str_replace('<', 'HTMLOpenTag', '
                                        
                                            Example text
                                            Example medium text
                                            Example semibold text
                                            Example bolder text
                                            Example boldest text
                                        
                                        
                                            Example uppercase text
                                            Example lowercase text
                                            Example capitalized text
                                            Example cursive text
                                        
                                    ')) }}

Common Elements

Show example code

You can use the mark tag to highlight text.

~~This line of text is meant to be treated as deleted text.~~ ~~This line of text is meant to be treated as no longer accurate.~~ This line of text is meant to be treated as an addition to the document. This line of text will render as underlined This line of text is meant to be treated as fine print. This line rendered as bold text. This line rendered as italicized text.

                                
                                    {{ str_replace('>', 'HTMLCloseTag', str_replace('<', 'HTMLOpenTag', '
                                        You can use the mark tag to highlight text.
                                        This line of text is meant to be treated as deleted text.
                                        This line of text is meant to be treated as no longer accurate.
                                        This line of text is meant to be treated as an addition to the document.
                                        This line of text will render as underlined
                                        This line of text is meant to be treated as fine print.
                                        This line rendered as bold text.
                                        This line rendered as italicized text.
                                    ')) }}

Badges

Show example code

Basic Badge

1 2 3 4 5 6

Badge Sizes

1 2 3 4 5 6

Square Badge

1 2 3 4 5 6

Outline Badge

1 2 3 4 5

                                
                                    {{ str_replace('>', 'HTMLCloseTag', str_replace('<', 'HTMLOpenTag', '
                                        Basic Badge
                                        
                                            1
                                            2
                                            3
                                            4
                                            5
                                            6
                                        
                                        Badge Sizes
                                        
                                            1
                                            2
                                            3
                                            4
                                            5
                                            6
                                        
                                        
                                            1
                                            2
                                            3
                                            4
                                            5
                                            6
                                        
                                        
                                            1
                                            2
                                            3
                                            4
                                            5
                                            6
                                        
                                        Square Badge
                                        
                                            1
                                            2
                                            3
                                            4
                                            5
                                            6
                                        
                                        Outline Badge
                                        
                                            1
                                            2
                                            3
                                            4
                                            5
                                        
                                    ')) }}

Separator

Show example code

                                
                                    {{ str_replace('>', 'HTMLCloseTag', str_replace('<', 'HTMLOpenTag', '
                                        
                                        
                                    ')) }}

Devider

Show example code

                                
                                    {{ str_replace('>', 'HTMLCloseTag', str_replace('<', 'HTMLOpenTag', '
                                        
                                            or
                                        
                                    ')) }}

Links

Show example code

Example text Example medium text Example semibold text Example bolder text Example boldest text

Primary state Secondary state Success state Warning state Danger state

                                
                                    {{ str_replace('>', 'HTMLCloseTag', str_replace('<', 'HTMLOpenTag', '
                                        
                                            Example text
                                            Example medium text
                                            Example semibold text
                                            Example bolder text
                                            Example boldest text
                                        
                                        
                                            Primary state
                                            Secondary state
                                            Success state
                                            Warning state
                                            Danger state
                                        
                                    ')) }}

Typography

Heading

h1. Heading 1

h2. Heading 2

h3. Heading 3

h4. Heading 4

h5. Heading 5

h6. Heading 6

h1. Heading 1

h2. Heading 2

h3. Heading 3

h4. Heading 4

h5. Heading 5

h6. Heading 6

h1. Heading 1

h2. Heading 2

h3. Heading 3

h4. Heading 4

h5. Heading 5

h6. Heading 6

h1. Heading 1

h2. Heading 2

h3. Heading 3

h4. Heading 4

h5. Heading 5

h6. Heading 6

Text Settings

Common Elements

Badges

Separator

Devider

Links