Feature row with chips

A text column (eyebrow, heading, intro, CTA) beside a stack of stat chips — a headline number with a short label each.

feature-row-with-chips foundation

Keywords

feature, chips, stats, highlights

Metadata

Slugfeature-row-with-chips

Categoryfoundation

Default containerstandard

Statuspublished

Variants

background light · alt · dark

chips_position right · left

Fields (7)

Eyebrow text
Heading text
Subtext textarea
CTA link
Chips position button_group
Background button_group
Chips repeater

Use in a mockup

Copy this as the wrapper in your mockup's HTML — fill the inner markup per the Mockup Spec.

<section class="section feature-row-with-chips"
         data-block="feature-row-with-chips"
         data-surface="light"
                  data-container="standard">
  <div class="container container--standard">
    <div class="feature-row-with-chips__inner">
      <!-- block content -->
    </div>
  </div>
</section>