Basic Syntax

Styling

To apply styles to a component, simply add the corresponding method using dot notation.

Component()
    .propertyMethod()

Arguments

Some components accept arguments, like Text(), Hyperlink(), Button(), etc. accept a text argument as a convenient shorthand to the text() method.

Hyperlink("Link Text")
    .url('https://example.com')

Nesting components

The other type of argument is an array of components which means that that component can nest components inside itself.

Div([
    Text("Text")
])

Resulting HTML:

<div>
    <p>Text</p>
</div>