view.labeled-list

Displaying components as a list with labels placed on the left.

If you don't need labels, use view.list.

Component properties

NameTypeDescription
type*"view.labeled-list"

Set component type

labelstring

Label above the component.

hintstring

Hint text.

items*array

An array of list items.

items[]object

Parameters of a list item.

items[].centerLabelboolean

If true, a label is center-aligned relative to the content of a list item (content). Use it if the list consists of large items, such as images or multi-line text.

By default, false (the label is aligned to the top of the content block).

items[].content*view

List item content.

items[].hintstring

A pop-up hint displayed next to a label.

items[].label*string

A label displayed next to a list item.

minWidthnumber

The minimum width of list content. If the component width is less than the specified value, it switches to compact mode.

validationcondition

Validation based on condition.

NameTypeDescription
type*"view.labeled-list"

Set component type

labelstring

Label above the component.

hintstring

Hint text.

items*array

An array of list items.

items[]object

Parameters of a list item.

items[].centerLabelboolean

If true, a label is center-aligned relative to the content of a list item (content). Use it if the list consists of large items, such as images or multi-line text.

By default, false (the label is aligned to the top of the content block).

items[].content*view

List item content.

items[].hintstring

A pop-up hint displayed next to a label.

items[].label*string

A label displayed next to a list item.

minWidthnumber

The minimum width of list content. If the component width is less than the specified value, it switches to compact mode.

validationcondition

Validation based on condition.