# Key indicators
> With 'key indicators' we refer to a set of fundamental data for a page or object. Often this kind of data is key to identify or understand the content and therefor is placed near the heading.

<DataList.Root orientation="vertical" emphasize="label">
  <DataList.Row>
    <DataList.Label>When to use</DataList.Label>
    <DataList.Value marginTop="spacingS">
      Use key indicators whenever you need to show some data (less than 7) very
      prominent on a page or object.
    </DataList.Value>
  </DataList.Row>
  <DataList.Row>
    <DataList.Label>Description</DataList.Label>
    <DataList.Value marginTop="spacingS">
      The key indicators are important data, often used to identify or
      understand the content. You should strive to minimize the amount of data
      as key indicators work best when there is a short list of appr. 3 or 4
      items.
    </DataList.Value>
  </DataList.Row>
  <DataList.Row>
    <DataList.Label>Behaviour</DataList.Label>
    <DataList.Value marginTop="spacingS">
      Key indicators are not interactive. You may consider to add a info-button
      which opens a tooltip. This can be used give further information about the
      key indicators.
    </DataList.Value>
  </DataList.Row>
  <DataList.Row>
    <DataList.Label>Components to use</DataList.Label>
    <DataList.Value marginTop="spacingS">
      <ul margin="none">
        <li>
          <Link href="/components/data-item">Data Item</Link>
        </li>
        <li>
          <Link href="/components/data-list">Data List</Link>
        </li>
      </ul>
    </DataList.Value>
  </DataList.Row>
</DataList.Root>
