Name Value List

Name Value List

An unordered list that describes a name/value pairing

Name Value List: Horizontal

Preview

No content has been added for this component.

No content has been added for this component.

<dl class="slds-list_horizontal slds-wrap">
  <dt class="slds-item_label slds-text-color_weak slds-truncate" title="First Label">First Label:</dt>
  <dd class="slds-item_detail slds-truncate" title="Description for first label">Description for first label</dd>
  <dt class="slds-item_label slds-text-color_weak slds-truncate" title="Second Label">Second Label:</dt>
  <dd class="slds-item_detail slds-truncate" title="Description for second label">Description for second label</dd>
</dl>

Overview of CSS Classes

Selector.slds-item_label
Summary

Label of the name-value pair variant. Layout is modified by its parent class.

Restrict*
ModifierTrue
Selector.slds-item_detail
Summary

Label of the name-value pair variant. Layout is modified by its parent class.

Restrict*
ModifierTrue