info-table
Overview
This component displays a table with a label, and a number of rows. Each row
contains a left-aligned label and a right-aligned value.
info-table
should not be confused with object-table
, which is used to display a collection of multiple objects, with any number of columns, and a header row.
Basic Example
The simplest way to use info-table
is to specify the <row>
tags between the <info-table>
tag.

Standard Attributes
label
labellabel
Advanced Attributes
align-label
align-labelalign-label
content-direction
content-direction
Optional
Type: left-to-right
, right-to-left
Default: left-to-right
Specify the direction of the component’s content. Typically this mirrors all elements within the component.

id
idid
label-case
label-caselabel-case
label-color
label-colorlabel-color
show-if
and hide-if
show-ifhide-ifshow-if
and hide-if
Component Methods
The following component methods are available when an id
is assigned to the component and component.infoTable({id:'my-id'})
is called from JS/TS:
scrollIntoView
scrollIntoView
Programmatically scroll until the info-table
is visible in the view.
Last updated