view.list

Block for displaying data in a list.

Component properties

NameTypeDescription
type*"view.list"

Set component type

labelstring

Label above the component.

directionstring

Determines the direction of the list:

  • vertical (default) — vertical list
  • horizontal — horizontal list.
hintstring

Hint text.

items*array

Array of list items.

items[]view

List item.

rtlobject

In some languages, like Arabic or Hebrew, text is written from right to left. Use this property to set up the correct display mode for the component.

View example in the sandbox.

Learn more about RTL languages.

rtl.modestring

Display mode:

  • ltr — left to right.
  • rtl — right to left.

The chosen value will be added to the dir attribute in the component's HTML code. Learn more about dir.

sizestring

Specifies the size of the margins between elements. Acceptable values in ascending order: s, m (default value).

validationcondition

Validation based on condition.

NameTypeDescription
type*"view.list"

Set component type

labelstring

Label above the component.

directionstring

Determines the direction of the list:

  • vertical (default) — vertical list
  • horizontal — horizontal list.
hintstring

Hint text.

items*array

Array of list items.

items[]view

List item.

rtlobject

In some languages, like Arabic or Hebrew, text is written from right to left. Use this property to set up the correct display mode for the component.

View example in the sandbox.

Learn more about RTL languages.

rtl.modestring

Display mode:

  • ltr — left to right.
  • rtl — right to left.

The chosen value will be added to the dir attribute in the component's HTML code. Learn more about dir.

sizestring

Specifies the size of the margins between elements. Acceptable values in ascending order: s, m (default value).

validationcondition

Validation based on condition.