row

A row is responsible for displaying data inside an info-table. An info-table can have multiple rows.

The rows of info-table are specified using row tags. Rows act similarly to info component.

Standard Attributes

bind

Optional

Type: string

Default: unset

The variable or field's value which should be displayed on the right hand side of the info-table row.

<info-table>
    <row label="Job Title" bind="view_variable" />
</info-table>

label

Optional

Type: string

Default: unset

Specify a label to be displayed on the left side of the info-table row.

<info-table>
    <row label="Job Title" />
    <row label="Job description" />
</info-table>

value

Optional

Type: string

Default: unset

Specify the text to display on the right side of the info-table row. This is an alternative to using the bind attribute.

<info-table>
    <row label="Job Title" value="Text based value for row" />
    <row label="Job Description" value="Text based value for row" />
</info-table>

Advanced Attributes

label-color

Optional

Type: string - can be a named color or #HEX value

Default: Primary text color

Specify the color of the label text of the info-table row.

<info-table>
    <row label="Job Title" label-color="#ff6f00" />
    <row label="Job Description" label-color="#ff6f00" />
</info-table>

label-icon

Optional

Type: string

Default: unset

Specify the left icon in the row. Find a list of available icons here.

<info-table>
    <row label="Job Title" value="Text based value for row" label-icon="fa-star" />
    <row label="Job Description" value="Text based value for row" label-icon="fa-star" left-icon-color="#1e88e5" />
</info-table>

label-icon-color

Optional

Type: string - can be a named color or #HEX value

Default: unset

Specify the color of the label-icon.

<info-table>
    <row label="Job Description" value="Text based value for row" label-icon="fa-star" label-icon-color="#1e88e5" />
</info-table>

left-icon

Deprecated. See label-icon.

left-icon-color

Deprecated. See label-icon-color.

right-icon

Deprecated. See value-icon.

right-icon-color

Deprecated. See value-icon-color.

show-if and hide-if

value-icon

Optional

Type: string

Default: unset

Specify the right icon of the row. Find a list of available icons here.

<info-table>
    <row label="Job Title" value="Text based value for row" value-icon="fa-star" value-icon-color="#ff6f00" />
    <row label="Job Description" value="Text based value for row" value-icon="fa-star" value-icon-color="#ff6f00" />
</info-table>

value-icon-color

Optional

Type: string - can be a named color or #HEX value

Default: unset

Specify the color of the value-icon.

<info-table>
    <row label="Job Description" value="$:{asset.description}" value-icon="fa-star" value-icon-color="#1e88e5" />
</info-table>

value-color

Optional

Type: string - can be a named color or #HEX value

Default: Primary text color

Specify the color of the value text of the info-table row.

<info-table>
    <row label="Job Title" value="Text based value for row" value-color="#1e88e5" />
    <row label="Job Description" value="Text based value for row" value-color="#1e88e5" />
</info-table>