Data Pair Tile
<sl-data-pair-tile> | SlDataPairTile
Short summary of the component’s intended use.
<sl-data-pair-tile label="Label" value="Value"></sl-data-pair-tile>
Examples
Medium
<sl-data-pair-tile label="Total portfolio value" value="$1,000,000" size="medium"></sl-data-pair-tile>
Large
<sl-data-pair-tile label="Total portfolio value" value="$1,000,000" size="large"></sl-data-pair-tile>
[component-metadata:sl-data-pair-tile]
Slots
| Name | Description |
|---|---|
| (default) | The default slot. |
example
|
An example slot. |
Learn more about using slots.
Events
| Name | React Event | Description | Event Detail |
|---|---|---|---|
sl-event-name |
|
Emitted as an example. | - |
Learn more about events.
Custom Properties
| Name | Description | Default |
|---|---|---|
--example |
An example CSS custom property. |
Learn more about customizing CSS custom properties.
Parts
| Name | Description |
|---|---|
base |
The component’s base wrapper. |
Learn more about customizing CSS parts.
Dependencies
This component automatically imports the following dependencies.
<sl-example>