atomic-result-section-badges

This is for:

Developer
Note

This component was introduced in version 1.0.4.

See Display results to learn more about customizing your result templates.

This section provides badges that highlight special features of the item.

Behavior:

  • Exposes the --line-height CSS variable so child elements can adjust to the current line height.

    • You should ensure that elements inside of it have height: var(--line-height).

  • Is a wrapping flexbox with a gap.

  • May appear over, next to, or beneath the visual section.