We found 16 matches for: UI: Typography

An overview of all UI: Typography blocks currently available, updated daily!

translate: by key

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: 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

uicomponent
typography: span with translation

Basic HTML span element with a translation

In-pins

Language

Out-pins

uicomponent
typography: italic / i

Cursive text

Out-pins

uicomponent
typography: emphasized / em

Cursive text

Out-pins

uicomponent
typography: paragraph

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

Out-pins

uicomponent
format: number

In-pins

Number

Out-pins

uicomponent