Type: React component

KeyValueList is used to render a list containing rows of a key and value. The width of the key column is adjusted automatically to the width of the largest key, but not larger than 50% of the list's width. Keys beyond that width will be truncated automatically. Values on the other hand will continue over multiple lines.


  1. valueByKey


    Type: Object<String, String>

    Specifies the items to render, should return a key/value pair mapping, both containing string values.

  2. paddingSize


    Default value

  3. scrollLimit


    Type: Number

    The amount of rows which can be displayed vertically before the list starts overflowing, showing a vertical scrollbar.

    Default value