---
name: Key info
icon: key
summary: The key info component displays a value and its corresponding label.
---

The key info component displays a value and its corresponding label. It includes an option to let the value and label to be displayed vertically (default) or horizontally. 

### Key info settings ###
    - `bb-key-info` &mdash; Creates a value with a corresponding label.
        - `bb-key-info-value` &mdash; Specifies the value to be displayed.
        - `bb-key-info-label` &mdash; Specifies the label to be displayed with the corresponding value.
        - `bb-key-info-layout` &mdash; Specifies that key info should use the horizontal layout, instead of the default vertical layout.
---
name: Key info
icon: key
summary: The key info component highlights important information such as summary numbers.
---

The key info directive highlights important information. It can display any type of content but generally highlights details such as important summary numbers. The directive displays its main value in large, bold text, and it displays a corresponding label in smaller, plain text. By default, the directive uses a vertical layout with the label under the primary value, but you can also use a horizontal layout with the label to the side of the primary value. 

### Key info settings ###
    - `bb-key-info` &mdash; Highlights important information such as summary numbers.
        - `bb-key-info-layout` &mdash; *(Optional.)* Indicates whether to display key info in a vertical layout with the label under the primary value or in a horizontal layout with the label beside the primary value. To display key info horizontally, set this property to `horizontal`. *(Default = `vertical`)*
        - `bb-key-info-value` &mdash; Specifies the primary content to display in large, bold text. 
        - `bb-key-info-label` &mdash; Specifies a label to display in smaller, plain text under or beside the primary value.
Update docs for key info component to insert edits that were removed.
Update docs for key info component to insert edits that were removed.
