We found 16 matches for: UI: Typography

Translates the given key into the UI language.

In-pins

Language

defer

If set to true the backend will not pre-translate the given key but instead just send the key to the frontend and let the frontend translate it. The main benefit is that the block can be precompiled whereas the main drawback is that the HTML won't contain the already translated key

Out-pins

uicomponent

typography: hyperlink

Basic HTML a element

In-pins

Event

If connected, any type of clickevent can be used.

Out-pins

uicomponent

typography: custom text

Returns the text without an element wrapper if no attributes or outlet are set. If either one is set the text will be wrapped with a span

In-pins

Text

Out-pins

uicomponent

translate: dynamic

Translates the given value as key into the UI language.

In-pins

key

language

Custom language to be forced upon this key.

defer

If set to true the backend will not pre-translate the given key but instead just send the key to the frontend and let the frontend translate it. The main benefit is that the block can be precompiled whereas the main drawback is that the HTML won't contain the already translated key

Out-pins

uicomponent

typography: bold / b

Bold text

Out-pins

uicomponent

typography: span

Basic HTML span element

Out-pins

uicomponent

typography: strong

Bold text

Out-pins

uicomponent

format: price

In-pins

Number

divide

Number the price should be divided by. Default: 1000

decimals

Decimals visible. Default: 2

decimal seperator

Seperate decimals with a custom value. Default: ,

thousand seperator

Seperate thousands with a custom value. Default: System setting

Out-pins

uicomponent

format: date

In-pins

Date

format

Default: Selected format in system settings. Fallback: 2019-01-15T15:58:27Z

timezone

Default: Selected timezone in system settings. Fallback: UTC

Out-pins

uicomponent

typography: sanitize user input

Sanitizes the input and returns the text without an element wrapper if no attributes or outlet are set. If either one is set the text will be wrapped with a span

In-pins

allowed tags

Given tags will be allowed in the user input (example: div, p)

allowed attributes

Given attributes will be allowed in the user input (example: style, id)

Out-pins

uicomponent

typography: paragraph with translation

Paragraph element with a translation, will start text on a new line (paragraph)

In-pins

Language

Out-pins