Data Pair Group

<sl-data-pair-group> | SlDataPairGroup

Since 1.0

stable

For displaying groups of data pairs.

<sl-data-pair-group></sl-data-pair-group>

Examples

First Example

<sl-data-pair-group>
  <sl-data-pair-tile label="Total portfolio value" value="$1,000,000" size="medium"></sl-data-pair-tile>
  <sl-divider vertical></sl-divider>
  <sl-data-pair-tile label="Total portfolio value" value="$1,000,000" size="medium"></sl-data-pair-tile>
</sl-data-pair-group>

Second Example

<sl-data-pair-group>
  <sl-data-pair-tile label="Total portfolio value" value="$1,000,000" size="large"></sl-data-pair-tile>
  <sl-divider vertical></sl-divider>
  <sl-data-pair-tile label="Total portfolio value" value="$1,000,000" size="large"></sl-data-pair-tile>
</sl-data-pair-group>

[component-metadata:sl-data-pair-group]

Slots

Name	Description
(default)	The default slot.

Learn more about using slots.

Parts

Name	Description
`base`	The component’s base wrapper.

Learn more about customizing CSS parts.