Components

On This Page

Formatting Text

Text is formatted inside the Content component.

Headings

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6
Expand/Collapse source code
Copied
Copy source sections
Copy source as is
SSR/CSR
Can be used both on the server and on the client side.
Imports
import live-web.dom
import live-web-view.content
Styles
static any[] use = [Content]
Content
Content{
    H1`Heading 1`
    H2`Heading 2`
    H3`Heading 3`
    H4`Heading 4`
    H5`Heading 5`
    H6`Heading 6`
}

Paragraph

This is a paragraph.

Expand/Collapse source code
Copied
Copy source sections
Copy source as is
SSR/CSR
Can be used both on the server and on the client side.
Imports
import live-web.dom
import live-web-view.content
Styles
static any[] use = [Content]
Content
Content{
    P`This is a paragraph.`
}
This is a link
Expand/Collapse source code
Copied
Copy source sections
Copy source as is
SSR/CSR
Can be used both on the server and on the client side.
Imports
import live-web.dom
import live-web-view.content
Styles
static any[] use = [Content]
Content
Content{
    A{ T`This is a link` }
}

Inline Code

This is InlineCode{}

Expand/Collapse source code
Copied
Copy source sections
Copy source as is
SSR/CSR
Can be used both on the server and on the client side.
Imports
import live-web.dom
import live-web-view.content
Styles
static any[] use = [Content]
Content
Content{
    P{
        T`This is `Code`InlineCode{}`
    }
}

Block Code

Code{}
On{}
Multiple{}
Lines{}
Expand/Collapse source code
Copied
Copy source sections
Copy source as is
SSR/CSR
Can be used both on the server and on the client side.
Imports
import live-web.dom
import live-web-view.content
Styles
static any[] use = [Content]
Content
Content{
    Pre{
        Code```
Code{}
On{}
Multiple{}
Lines{}
        ```
    }
}

Unordered List

  • List item 1
  • List item 2
  • List item 3
Expand/Collapse source code
Copied
Copy source sections
Copy source as is
SSR/CSR
Can be used both on the server and on the client side.
Imports
import live-web.dom
import live-web-view.content
Styles
static any[] use = [Content]
Content
Content{
    Ul{
        Li`List item 1`
        Li`List item 2`
        Li`List item 3`
    }
}

Ordered List

  1. List item 1
  2. List item 2
  3. List item 3
Expand/Collapse source code
Copied
Copy source sections
Copy source as is
SSR/CSR
Can be used both on the server and on the client side.
Imports
import live-web.dom
import live-web-view.content
Styles
static any[] use = [Content]
Content
Content{
    Ol{
        Li`List item 1`
        Li`List item 2`
        Li`List item 3`
    }
}

Small

Small text
Expand/Collapse source code
Copied
Copy source sections
Copy source as is
SSR/CSR
Can be used both on the server and on the client side.
Imports
import live-web.dom
import live-web-view.content
Styles
static any[] use = [Content]
Content
Content{
    Small`Small text`
}